jquery - 鼠标按下问题

Question

你好，

我正在制作自己的滚动条。我在下面粘贴了这段代码。我从这段代码中得到了问题。

i）我第一次按下“#scroller”，效果很好。

ii）如果我第二次或其他时间进入“#scroller”本身，我会收到警报“hi”，而不是按“#scroller”，我知道我做错了我的代码，但我找不到错误。

有人帮我吗？

$(function(){ var slidesWidth = ($('#show-content li').length)*($('#show-content li').width()+20);

$('#show-content ul').width(slidesWidth);

var scrollBarWidth = (100/slidesWidth)*1000;//presently taken by manual/

$('#scroller').width(scrollBarWidth);

$('#scroller').bind('mousedown',function(){

      $('#scroller').mousemove(function(){
            alert('hi');        
        }) 

})

$('#scroller').bind('mouseup',function(){

      $('#scroller').unbind('mousedown,mousemove');
      alert('unbinded');

})

})

Answer 1

#scroller的mousemove事件可能尚未解除绑定。当你unbind.

$('#scroller').unbind('mousedown').unbind('mousemove');