锚标记的Jquery绑定和解除绑定事件

Question

我的页面中有锚标记。并为某些功能编写.click（）事件， 我想禁用页面加载上的操作，并在某些按钮单击时启用操作。

为了防止动作我可以使用解绑（“点击”）。但是无法绑定为.Bind（“click”）需要函数名称。

请帮助我

Answer 1

您可以将href存储在data-属性中，而不是担心分离和重新附加事件，然后将href设置为#。点击启用按钮后，我们可以恢复href。

jsFiddle

<强> HTML

<a href="http://www.google.com">Google</a>
<button id="enable">Enable</button>

<强> JS

$(document).ready(function () {
    $('a').each(function () {
        disableAnchor($(this));
    });
    $('#enable').click(function () {
        $('a').each(function () {
            enableAnchor($(this));
        });
    });
});
function disableAnchor(a) {
    a.attr('data-href', a.attr('href'));
    a.attr('href', '#');
}
function enableAnchor(a) {
    a.attr('href', a.attr('data-href'));
}

Answer 2

在页面加载时使用

$(function(){
    $("a").removeAttr('onclick');
});