Question

我正在努力解决一个我认为容易的问题。我有一个父div，在我的父div中我有很多div。我有关于所有这些div的onclick事件。

现在，当页面通过asyn ajax调用加载数据时，当用户点击它们时，我必须禁用这些div来点击事件。

我尝试使用以下内容禁用div：

       $(".theme-container").children().attr('disabled', true)

其中＆＃34;主题 - 容器＆＃34;是父div的类名。不幸的是它无法正常工作，我仍然可以点击div！

非常感谢一些帮助。

Answer 1

尝试停用指针事件。这是一个CSS类：

.inactive {
    pointer-events: none;
}

Answer 2

您应该使用命名空间来绑定和取消绑定事件。

function myAttachedEvent (event){
    $(".myDivs").unbind("click.myClick"); // here you "disable" the click event

    // do everything else and when you get the response bind the event again:
    $(".myDivs").bind("click.myClick",myAttachedEvent);
});

$(".myDivs").bind("click.myClick", myAttachedEvent);

查看unbind Jquery documentation并查找“使用命名空间”部分。

如何阻止div点击事件

2 个答案: