javascript - 在 DIV 的 ajax 加载内容上禁用单击事件

Question

我需要在 DIV 的 ajax 加载内容上禁用单击事件。

<div id="left_column">
    <div class="menu">------</div>
    <div class="menu">------</div>
    <div class="small_panel1">------</div>
    <div class="small_panel1">------</div>
</div>

我想禁用左列内所有 div 的点击事件。

我正在尝试下面的代码，但它不起作用：-

$("#left_column").children().bind('click', function(){ return false; });

请建议我在这里应该使用什么。预先感谢

Answer 1

如果是 AJAX 加载的内容，则需要使用事件委托：

$("#left_column").on('click', 'div', function(){ return false; });

您可能还需要取消对左列容器本身的点击：

$("#left_column").on('click', function(){ return false; });