javascript - 如何阻止div接受点击事件

Question

我正在努力解决一个我认为很简单的问题。我有一个父 div，在我的父 div 中我有很多 div。我将 onclick 事件附加到所有这些 div 上。

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

我尝试使用以下方法禁用 div:

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

其中“theme-container”是父div的类名。不幸的是它不起作用，但我仍然可以点击 div!

如果有一些帮助，我们将不胜感激。

Answer 1

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

.inactive {
    pointer-events: none;
}