.click()不适用于稍后加载的span类

Question

在我的主页面中,我有一个"音乐"按钮,它会加载music.txt

的script.js

$("#music").load("music.txt");
$('.song').click(function () {  ... });

music.txt:

 <span class="song"> bl </span>

$('.song').click不起作用music.txt(它适用于主页).我试着live()和delegate()为好.

Answer 1

使用.on()jQuery方法.

$('.song').on('click',function () { /*...*/ });

要么

$(document).on('click','.song',function(){ /*...*/ });

因为.live()较新版本已弃用.

在第一个示例中,该.on()方法的行为类似于bind并且仅适用于已存在的元素.

第二个例子表现得像.live()或delegate()在很多方面.并将适用于以后添加的元素.