jquery - 防止跨元素多次点击 (JQuery)

Question

我有一组 anchor ，我将一个事件绑定(bind)到每个 anchor :

$j('.opts a').live("click", function(e){}) ;

我想阻止其他 anchor 可点击，直到该点击事件完成。

$j('.opts a').live("click", function(e){
  $j('.opts a').unbind('click'); 
  //do something
  $j('.opts a').bind('click');
});

这只是我尝试过的一件事的示例，但即使取消绑定(bind)也不起作用。

Answer 1

您无法真正阻止链接被点击。您只能解除绑定(bind)您已注册的任何 JS 事件。您需要确保调用 preventDefault()，否则链接将仅遵循其 href。

尝试这样的事情。

var isDoingSomething = false;
$j('.opts a').on('click', function (e) {
    e.preventDefault();
    if (!isDoingSomething) {
        isDoingSomething = true;
        // do something
        isDoingSomething = false;
    }
});

希望这有帮助。