jquery - 如何在jquery中最近添加的标签上绑定(bind)点击事件

Question

我在一个页面上有 6 个指向 mp3 的链接。

我安装的插件用 swf 替换这些链接并内联播放该 mp3。

我遇到的问题是可以激活所有 6 个链接并同时播放所有音频。我通过捕捉 <a> 解决了这个问题(尽管我感觉自己是一个笨拙的新手)。标记，然后将其替换为嵌入标记，然后在单击另一个标记时将其放回去。

但是，这是我现在的问题:<a>我放回的标签丢失了它的 onClick 事件(我认为这就是正在发生的事情)，因此，如果第二次单击，则无法像第一次那样切换。

$(".storyplayer a").bind("click", function() {

        // replace the <a> tag from the previous media player installation
        if (previousplayerlocation != null) {$("#" + previousplayerlocation + " .storyplayer").html(graboldcode);}      

        // now remember this installation's <a> tag before it's replaced
        graboldcode = $(this).parent().html();
        // remember where I grabbed this <a> tag from
        previousplayerlocation = $(this).parents("div.storylisting").attr("id");

        // replaces the <a> tag with the media player.
        $(this).media({width: 190,height: 30});
        return false;
    });

是一种将点击事件重新分配给 if 的方法声明？

Answer 1

使用事件委托(delegate) - 这意味着将点击绑定(bind)到某个容器并让其处理事件。然后，您可以查询 event.target 以查看它是否是被单击的 anchor ，然后您是否需要行为。出于多种原因，这更好。

1. 与元素绑定(bind)的事件较少(性能)
2. 添加/删除内容后无需重新绑定(bind)事件，因为容器保持不变，并且始终会处理冒泡点击事件。

代码类似于

$('#someContainer').click( function(ev){

    var $el=$(ev.target);
    if ( $el.is('a') ){
       //do your stuff
    }

});

查看此post更多阅读内容