在加载了ajax的DIV内容上禁用click事件

Question

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

<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; });