Jquery插件在动态加载的html中不起作用

Question

我有这个代码动态加载html但是我遇到了问题因为我的插件在index.html上运行正常但是当你改变页面时它不再有效。任何人都可以帮助我吗？日Thnx

$（function（）{

var newHash      = "",
    $mainContent = $("#main-content"),
    $pageWrap    = $("#page-wrap"),
    baseHeight   = 0,
    $el;


$("nav").delegate("a", "click", function() {
    window.location.hash = $(this).attr("href");
    return false;
});

$(window).bind('hashchange', function(){

    newHash = window.location.hash.substring(1);

    if (newHash) {
        $mainContent
            .find("#guts")
            .fadeOut(200, function() {
                $mainContent.hide().load(newHash + " #guts", function() {
                    $mainContent.fadeIn(200, function() {
                        $pageWrap.animate({
                            height: baseHeight + $mainContent.height() + "px"
                        });
                    });
                    $("nav a").removeClass("current");
                    $("nav a[href="+newHash+"]").addClass("current");
                });
            });


    };

});

$(window).trigger('hashchange');

}）;

Answer 1

我认为你需要的是.live（），如果你想将jQuery附加到动态创建的标记上。

http://api.jquery.com/live/