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

Question

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

脚本.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()在许多方面。并且适用于稍后添加的元素。