我正在使用wordpress,我想在点击任何本地链接后更改网址。我正在使用ajax加载页面,这就是我想要这样做的原因。
我可以更改网址,在“http://site.com/”和加载的内容/ example-page /之间添加一个哈希值,结果:“http://site.com/#/example-page”并加载示例页面,但我想添加“!”标记为“http://site.com/#!/example-page”just like this theme
我正在使用jquery-hashchange插件顺便提一下
请让我知道你的想法。
此代码在解决后编辑,因此这是正确的代码。
jQuery(document).ready(function($) {
var $mainContent = $("#container"),
siteUrl = "http://" + top.location.host.toString(),
url = '';
$(document).delegate("a[href^='"+siteUrl+"']:not([href*=/wp-admin/]):not([href*=/wp-login.php]):not([href$=/feed/])", "click", function() {
location.hash = '!' + this.pathname;
return false;
});
$("#searchform").submit(function(e) {
location.hash = 's/' + $("#s").val();
e.preventDefault();
});
$(window).bind('hashchange', function(){
url = window.location.hash.substring(3);
if (!url) {
return;
}
url = url + " #content";
$mainContent.animate({opacity: "0.1"}).html('Please wait...').load(url, function() {
$mainContent.animate({opacity: "1"});
});
});
$(window).trigger('hashchange');
});
答案 0 :(得分:3)
更改
location.hash = this.pathname;
到
location.hash = "#!" + this.pathname;
(严格来说,你之前应该有哈希)并改变
url = window.location.hash.substring(1);
到
url = window.location.hash.substring(2);
并且还要改变
location.hash = '?s=' + $("#s").val();
到
location.hash = '#!?s=' + $("#s").val();