jQuery地址插件,使用AJAX时路径名更改

时间:2012-02-13 23:24:43

标签: ajax wordpress jquery-address pathname

我在http://themes.visualise.ca/visualise有一个Wordpress博客,当用户点击缩略图时,帖子加载了AJAX(使用jQuery地址插件)。我希望网址同时更改,即对于第二个缩略图,网址应更改为http://themes.visualise.ca/visualise/portfolio/samuel,但使用以下代码更改为http://themes.visualise.ca/visualise/visualise/portfolio/samuel

1)所以我的问题是有一种方法可以使jQuery地址用目标url的路径名替换当前路径名,而不是简单地在末尾添加它吗?我希望该解决方案也适用于http://themes.visualise.ca/http://themes.visualise.ca/visualise/portfolio/samuel,因为博客可能不会像现在一样托管在文件夹中。

2)或许还有另一种方法可以达到这个目的?

这是jQuery代码:

$('.ajaxed,li.menu-item-object-page a').live('click', function(event) {
    var link = $(this).attr('href');
    var rewritepath = $(this)[0].pathname;
    $("html,body").animate({scrollTop: 0}, 300);
    $('#content,.plus').stop().fadeOut('slow', function(){
        $('#board-wrapper').slideDown('slow');
        $('#board').fadeOut('slow', function(){
            $('#board').stop().load(link, function(){
                $('#board').delay(1000).fadeIn('slow', function(){
                    var board_h2 = $('#board').height();
                    $('#board-wrapper').css('height', board_h2 + 'px');
                });
            });
        });
    });
    $.address.crawlable(true).path(rewritepath);
    return false;
});

非常感谢您的时间和帮助。

1 个答案:

答案 0 :(得分:0)

我所做的是我从链接网址中删除了根网站网址,但它确实有效。

$('.ajaxed,li.menu-item-object-page a').live('click', function(event) {
    var link = $(this).attr('href');
    var toRemove = MySettings.url;
    var url_pathname = MySettings.url[0].pathname;
    var rewritepath = link.replace(toRemove,'');
    ...
});