javascript - Jquery If, Else slider

Question

过去 2 天我一直在开发一个新网站的首页，但我无法使用这些功能。

最好查看此链接。

http://isca01.bigwavemedia.info/~stagedgo/html/

当您将鼠标悬停在促销事件上时，页面会向左推送 20 像素，但是当 slider 被插入并单击时，当您再次将鼠标悬停在其上时，页面会向右推送 20 像素。

我使用了下面的代码，它的工作方式是检查包装器是否已被推送。

if ($('.wrapper').css('marginLeft') ==  "0px") {
          //code to push page left 20
     }
 if ($('.wrapper').css('marginLeft') >  "1px") {
          //code to push page right 20
     }

任何帮助都会很棒，谢谢。

Answer 1

作为尤金所说的更新，你应该能够使用这个:

if (parseInt($('.wrapper').css('margin-left').replace('px', '')) ==  0) {
      //code to push page left 20
}
if (parseInt($('.wrapper').css('margin-left').replace('px', '')) >=  20) {
      //code to push page right 20
}

这将确保返回的值是整数，并且您实际上获得的是左边距的值，而不是“marginLeft”，后者不是有效的属性。

编辑:刚刚注意到我错过了一个右括号，但代码对我有用。我在jsfiddle here上做了测试(只需将 margin-left 值更改为适当的值即可看到框改变颜色)