jquery - 将事件重新附加到新加载的 div

Question

显然，当元素被替换时，我的 JQuery 事件就消失了。目前它们的连接方式如下:

$("a[id^='anb']").click(
        function () {
            /* ommited for readability */;
            var furl = "target_view";
            $('#my_article_container').load(furl, function() {
                       animateThem(); });
            return false;
        }

    );

    $("div[id^='art']").hover(
        function() {
            $(this).fadeTo("slow", 0.33);
        }
    );

JQuery 内部是否有机制或如何重新绑定(bind)这些事件的便捷解决方案？

Answer 1

您正在寻找 .live() function .

这将在添加项目时自动监视 dom 和重新附加事件。

$("a[id^='anb']").live('click',
    function () {
        /* ommited for readability */;
        var furl = "target_view";
        $('#my_article_container').load(furl, function() {
                   animateThem(); });
        return false;
    }

);

$("div[id^='art']").live('hover',
    function() {
        $(this).fadeTo("slow", 0.33);
    }
);