检测元素左侧位置何时达到特定值

时间:2015-01-08 19:46:52

标签: jquery

我需要一个警告来显示DIV上包含的ul,每次点击都会增加一个负左值(在左边,将它移到那边),到达它的父左侧位置&#39 ; s左侧。

我试图存储ul属性应该具有的最大值(它似乎存储了正确的值),但是当达到该值时没有警告显示(参见" if" statement )。

这里是代码,在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/

1 个答案:

答案 0 :(得分: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");
    }
});