.click() не работает должным образом в div

Question

Я разрабатываю веб-сайт, в котором перечислены некоторые продукты. на страницах я использовал разбивку на страницы jQuery для разбивки результатов. Для этого я использовал сценарий this.

Таким образом, все детали продукта отображается в class="data" внутри <li></li>

<div class="content"> 
    <div id="loading"></div> 
<div id="container"> 
     <div class="data"></div> 
    <div class="pagination"></div> 
</div> 

В рамках этих продуктов у меня есть ссылка, которая позволяет продукты к добавлены в список.

<span class="addlist"> 
<a id="id_1249" class="m-btn" onclick="return false" href="http://index.php/action/add/">Add</a> 
</span> 

Я создал простую функцию, чтобы проверить событие щелчка

$(".addlist").click(function() { 
    alert("clicked."); 
}); 

Проблема заключается в том, когда я нажимаю на ссылку надстройкой ничего не происходит и не запрашивает сообщение.

После долгого тестирования я заметил, что когда я устанавливаю ссылку (<a href="index.php" class="addlist">Visible Text</a>) за пределами <div id="container">, событие click работает отлично. но если он находится внутри <div id="container">, он не работает. Я добавил $.noConflict(); в функции jQuery, но все равно бесполезен.

Может кто-нибудь, пожалуйста, сообщите мне, в чем проблема?

Answer 1

с момента addlist добавляется динамически вам нужно использовать on() делегированные событие ..

$("#container").on('click',".addlist",(function(e) { 
    e.preventDefault(); 
    alert("clicked."); 
}); 

link читать больше о на() делегированных события

Answer 2

Попробуйте

$('#parent').on('click', '.addlist', function() { 
    alert("clicked."); 
}); 

элементы не могут существовать на документ готов.

Answer 3

Я думаю, что возвращается ложь слишком быстро.

Try делает:

HTML

<span class="addlist"> 
<a id="id_1249" class="m-btn" href="http://index.php/action/add/">Add</a> 
</span> 

JS

$(".addlist").click(function(event) { 
    event.preventDefault(); 
    alert("clicked."); 
}); 

Answer 4

Это, вероятно, потому, что у вас есть return false как на клик обработчика на якоре. Удалите это, и он должен работать.