检测元素的左侧位置是否已达到特定值

Question

我需要一个警报，以显示包含在DIV中的ul，它在每次单击时（左侧将它移到该侧）添加一个负的左侧值，达到它的父级左边的位置。

我试图存储ul的左侧属性应具有的最大值（它似乎存储了正确的值），但没有警报显示何时达到该值（请参阅“if”语句）。

以下是代码，以及上面的jsFiddle示例。

$('.logo').on('click',function(){ 
     infoMax=$('.infoGallery ul').width()-$('.infoGallery').width(); 

     $('.infoGallery ul').css('left',"-=200"); 

     if ($('.infoGallery ul').css('left') <= -infoMax){ 
     alert("yay");} 
    }); 

http://jsfiddle.net/1juv00ka/2/

Answer 1

更新您的小提琴：http://jsfiddle.net/1juv00ka/4/

非常简单的修改：

$('body').on('click', function() { 
    infoMax = $('.infoGallery ul').width() - $('.infoGallery').width(); 
    $('.infoGallery ul').css('left', "-=200"); 
    if (parseInt($('.infoGallery ul').css('left'), 10) <= -infoMax) {//if you don't parseInt, you get a string like "500px" 
     alert("yay"); 
    } 
});