取消绑定“onclick”属性的“click”

Question

我有以下 html 元素：

<span class="btn btn-mini btn-primary row-remove" onclick="someFunction(param1, param2)">
   <i>Remove</i>
</span>

当我做其他事情时，我会禁用页面上的这些按钮：

$(".row-remove").attr("disabled", true);

问题是，如果您单击禁用的按钮，它仍然会触发“onclick”，这会导致一个大问题（按钮被禁用是有原因的）。

还有什么方法可以“禁用” onclick 事件吗？我已经尝试解除绑定“点击”，但除此之外它不起作用（它是 onclick，而不是 bind()）。

谢谢。

最好的，加里

Answer 1

只有表单元素可以具有disabled 属性。打开和关闭点击事件可能会变得复杂。我建议您向元素添加 data 属性以显示元素的状态。像这样的：

$('.row-remove').data('disabled', true);

function someFunction(param1, param2) {
    if (!$('.row-remove').data('disabled')) {
        // element is not disabled, continue on...
    }
}

我还建议使用 javascript 附加点击事件以保持更好的关注点分离：

<span class="btn btn-mini btn-primary row-remove" data-param1="param1" data-param2="param2">
   <i>Remove</i>
</span>

$('row-remove').click(function() {
    var $el = $(this);
    var param1 = $el.data('param1'); // = 'param1'
    var param2 = $el.data('param2'); // = 'param2'

    if (!$el.data('disabled')) {
        // element is not disabled, continue on...
    }
});