.click（）不适用于稍后加载的span类 [英] .click() does not work on a span class that loaded later

问题描述

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

In my main page I have a "music" button, it loads music.txt

script.js

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

music.txt ：

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

$（'。song'）。点击不适用于 music.txt （它适用于主页）。我尝试了 live（）和 delegate（）。

$('.song').click does not work on music.txt (it works on mainpage). I tried live() and delegate() as well.

推荐答案

使用 .on（） jQuery方法。

Use .on() jQuery method.

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

OR

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

因为 .live（）已弃用较新版本。

在第一个示例中， .on（）方法的行为类似于 bind 并且仅适用于已存在的元素。

In first example the .on() method behaves similar to bind and will only work on elements that already exist.

第二个示例的行为类似于 .live（）或委托（）在很多方面。并且适用于稍后添加的元素。

The second example behaves like .live() or delegate() in many ways. And will work for elements that are added later.

这篇关于.click（）不适用于稍后加载的span类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！