使用jQuery的.load()来加载页面片段,但替换正文中的所有内容

Question

我想用片段的内容替换原来的div.wrapcontent.但是使用.load会替换正文中的所有内容,而不仅仅是特定的div.

        $("nav#category-nav>ul>li").on("click", "a", function() {
        var $thecontent = $("#thecontent"),
        $wrapcontent = $("#thecontent > .wrapcontent");

        var path = $(this).attr("href");

        $wrapcontent.load(path);
    });

Answer 1

问题源于锚标记的默认行为.默认情况下,锚标签会重定向到他们的href.对于您的用例,您必须捕获此默认行为并防止其发生.

将evt对象添加到函数并防止默认行为,如下所示:

$("nav#category-nav>ul>li").on("click", "a", function (evt) {
    evt.preventDefault();
    var $thecontent = $("#thecontent"),
        $wrapcontent = $("#thecontent > .wrapcontent");

    var path = $(this).attr("href");

    $wrapcontent.load(path);
});