Отключить событие click для ajax загруженного содержимого DIV

Question

Мне нужно отключить событие click на загруженном AJAX содержимом DIV.

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

Я хочу отключить событие click из всех div внутри leftcolumn.

Я пытаюсь ниже код, но он не работает: -

$("#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; });