javascript - .click() 不适用于稍后加载的跨度类

Question

在我的主页上有一个“音乐”按钮，它会加载 music.txt

script.js

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

音乐.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()。并且适用于稍后添加的元素。