檢測元素的左側位置是否已達到特定值

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"); 
    } 
});