javascript - jQuery 事件不会在动态生成的内容上触发

Question

我使用 ASP.NET MVC 4 动态加载包含选项的 PartialView。我想将 jQuery dblclick 事件绑定(bind)到此并获取所选选项，但该事件未触发。这是我的代码:

 <select size="5" id="popup-list">
     <option value="test">test</option>
 </select>

jQuery 代码:

$(document).ready(function(){

    $("#popup-list").live("dblclick", function () {
        var name;
        $("select option:selected").each(function () {
            name = this;
            name = this.text();
        });
    });

});

我不确定为什么这会导致问题。代码位于 document.ready() 中，它应该负责动态加载。

Answer 1

使用jquery的On方法。

$("body").on("dblclick", "#popup-list", function () {
    var name;
    $("select option:selected").each(function () {
        name = this;
        name = this.text();
    });
});

注意:on 方法在 jquery 版本 7 及以上版本中可用