jquery - JQUERY IF/ELSE 没有语法错误只是不工作

Question

当页面达到 1024px 屏幕宽度时，我试图让一个框向左移动 -340 px，然后当你打开更宽的浏览器窗口时，它会恢复到原来的状态。我使用了 jslint 并更正了语法，但代码中没有发生任何事情来使其做出反应，任何帮助将不胜感激，也许我忽略了某些东西，或者我的思考过程可能略有偏差。谢谢！

function move() {
var box =-340;
var pagewidth = $('body').width();

if (pagewidth>1024) {
box=pagewidth-box;
box=box+'px right';
}else {
box=pagewidth-box;
box=box+'px left';

}
$('#vt_nice_slideshow180').css('margin-left', box );

}

$(document).ready(function(){
move();
$(window).resize(move);

});  

Answer 1

像这样改变你的电话：

$(document).ready(function(){
    move();
});

$(window).resize(function() {
    move();
});

Answer 2

尝试这个

function move() {
    var pagewidth = $('body').width();
    var box = -340;
    box = pagewidth - box;
    if (pagewidth > 1024) {
       $('#vt_nice_slideshow180').css('margin-left', box + +'px right');
    }else{ 
       $('#vt_nice_slideshow180').css('margin-left', box + 'px left');
    }
}

问候。

Answer 3

j08691 的答案与我在发布时确认的相同...

线条

box=box+'px right'; 

和

box=box+'px left';

无效。由于 box 是数字，因此您尝试将左边距设置为“100px right”之类的内容，这是无效的 css。

Answer 4

a.您使用了无效的 CSS。该margin属性不接受 right 或 left 作为值。如果要操作key，请在此处添加 right 或 left 。

湾。您正在为 分配一个负值box，然后再次从 中减去它pagewidth，因此您实际上最终添加了 (--=+)

C。无需添加px。这是 JQuery 的默认设置，因此您可以传递一个整数。

d。最好使用 CSS媒体查询来处理它。