Javascript 。单击不被调用的（函数（）

我正在尝试使用last.fm api进行chrome扩展，我已经成功地将folliwing div放在我希望显示的页面中

<div id="showLastFMInfo" Title="More info about song" class="LastFMButtonDown">&raquo;</div>

---

有人知道我做错了什么吗？

使用文档或最接近的静态元素

$(document).on('click','#showLastFMInfo',function(){

});

---

使用文档或最近的静态元素

$(document).on('click','#showLastFMInfo',function(){

});

---

您正在附加它，因此它是动态的，并且您需要一个委托事件处理程序：

$('#meta-frame').on('click', '#showLastFMInfo', function(){
    console.log("Click");
});

---

另一方面，在追加元素后附加事件处理程序也应该起作用？

您正在追加它，因此它是动态的，您需要一个委派的事件处理程序：

$('#meta-frame').on('click', '#showLastFMInfo', function(){
    console.log("Click");
});

---

另一方面，在元素被追加后附加事件处理程序也应该起作用？

对于在这些元素上使用的动态生成的内容

    $("a.offsite").live("click", function(){ alert("Goodbye!"); });                // jQuery 1.3+
    $(document).delegate("a.offsite", "click", function(){ alert("Goodbye!"); });  // jQuery 1.4.3+
    $(document).on("click", "a.offsite", function(){ alert("Goodbye!"); });        // jQuery 1.7+

---

不推荐使用live和delegate，因此建议使用.on（）。

对于在其中一个上使用的动态生成内容

    $("a.offsite").live("click", function(){ alert("Goodbye!"); });                // jQuery 1.3+
    $(document).delegate("a.offsite", "click", function(){ alert("Goodbye!"); });  // jQuery 1.4.3+
    $(document).on("click", "a.offsite", function(){ alert("Goodbye!"); });        // jQuery 1.7+

不推荐使用live和delegate，因此建议使用.on（）。

是动态添加的

吗？是动态添加的

吗？