jquery链接淡入/淡出

时间:2011-03-13 07:29:42

标签: javascript jquery wordpress dom

我试图将我的wordpress内部链接显示在内容div中,而不是正常的页面重新加载。淡入/淡出工作正常,但div内容不会改变。 Firebug没有显示错误,所有内部链接现在只在页面链接中添加“#/”,我如何确保使用jquery正确添加链接? 提前谢谢,

P.S,我正在关注“css-tricks:ajaxing a wordpress theme”视频,如果有帮助,

    $(function() {

        $(".home li.home").removeClass("home").addClass("current_page_item");
        var $mainContent = $("#content"),

            URL = '',
            siteURL = "http://" + top.location.host.toString(),
            $internalLinks = $("a[href^='"+siteURL+"']"),
            hash = window.location.hash,
            $el, $allLinks = $("a");

        if (hash) {
            $mainContent.animate({ opacity: "0.1" });
            $(".current_page_item").removeClass("current_page_item");
            $("a[href="+hash+"]").addClass("current_link").parent().addClass("current_page_item");
            hash = hash.substring(1);
            URL = hash + " #content";
            $mainContent.load(URL, function() {
                $mainContent.animate({ opacity: "1" });
            });
        }

        $internalLinks.each(function() {
            $(this).attr("href", "#" + this.pathname);
        }).click(function() {
            $mainContent.animate({ opacity: "0.1" });
            $el = $(this);
            $(".current_page_item").removeClass("current_page_item");
            $allLinks.removeClass("current_link");
            URL = $el.attr("href").substring(1);
            URL = URL + " #content";
            $mainContent.load(URL, function() {
                $el.addClass("current_link").parent().addClass("current_page_item");
                $mainContent.animate({ opacity: "1" });
            });

        });
});

1 个答案:

答案 0 :(得分:0)

你可以在你的方法中输入console.log(variableName),看看firebug中变量的输出是否符合预期吗?