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>

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

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

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

请建议我在这里应该使用什么。提前致谢

Answer 1

如果是AJAX加载的内容，则需要使用事件委托(delegate):

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

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

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