取消绑定点击，但保留eventPreventDefault()；

Question

我正在尝试解除对动画的点击的绑定，直到动画完成，以防止发生重叠的动画。取消绑定工作正常，但是当然，然后 event.preventDefault 停止工作，我的按钮/链接再次变为活动状态。我不知道如何解决这个问题。

代码的缩短版本是：

$('a.Next').bind('click', SlideFwd);
function SlideFwd(e){
    e.preventDefault();
    $('a.Next').unbind();
    $('ul.GridviewList').animate({
        left: '-=800px'
        }, 'slow', function() {
        $('a.Next').bind('click', SlideFwd);    
    });
};

html 是：

<div>

    <div class="SlideControl">
        <p class="Pages"><span class="ProdCountDisplay">#</span> of <span class="ProdCountTotal">10</span></p>
        <ul>
            <li><a class="Disabled button_Back Previous" href="#">Prev</a></li>
            <li><a class="button_Next Next" href="#">Next</a></li>
        </ul>
    </div>
    <ul class="GridviewList">
        <li class="ProdWrap">This is a slider space 1</li>
        <li class="ProdWrap"> This is a slider space 2</li>
        <li class="ProdWrap"> This is a slider space 3</li>
        <li class="ProdWrap"> This is a slider space 4</li>
        <li class="ProdWrap"> This is a slider space 5 </li>
        <li class="ProdWrap">This is a slider space 6 </li>
        <li class="ProdWrap"> This is a slider space 7</li>
        <li class="ProdWrap"> This is a slider space 8 </li>
        <li class="ProdWrap"> This is a slider space 9 </li>
        <li class="ProdWrap"> This is a slider space 10 </li>
    </ul> <!-- ul.Gridviewlist -->
</div> 

完整的工作版本在这里： http://iwrb.idleprattle.com/Slider.htm （现在只有下一个设置了取消绑定/绑定）

我还尝试在函数 SlideFwd 之外使用 PreventDefault，但它也必须取消绑定。 IE

$('a.Next').click(function(){e.preventDefault();});

Answer 1

你可以这样做：

$('a.Next').bind('click', SlideFwd);

...

$('a.Next').unbind().bind('click',function(e){e.preventDefault();});

...

$('a.Next').unbind().bind('click', SlideFwd);

Answer 2

为什么不从链接中删除 href 属性。它在那里没有用处，可以通过 CSS 设置光标，如果 a 元素没有 href，如果没有附加事件处理程序，则没有什么可以阻止的。