JQuery 加载需要使用新的事件处理程序更新 DOM

Question

我很清楚 JQuery 加载不会在脚本中加载，但我没有意识到它也不会在事件处理程序中加载。

我有一个加载了一系列元素的 div。

<li class="dir" value="53.3301500, -1.5263800">Number 1</li>
<li class="dir" value="53.3298200, -1.5264300">Number 2</li>

以下代码位于原始文件中，而不是在::中加载的代码

$('.dir').click(function(){
        alert('blast');
    });

所以我以为它会起作用，但事实并非如此。有什么建议吗？

Answer 1

使用live :

$('li.dir').live('click', function() {
    alert('blast not');
});

或者delegate :

$('ul').delegate('li.dir', 'click', function() {
    alert('blast not');
});

委托(delegate)通常比没有上下文的实时调用更快。