我使用jQuery的地址,一切似乎很好地工作,除了当我尝试加载的URL在另一个选项卡中,或者如果我尝试刷新。 我一直对这个整天在想,如果有人能告诉我,我做错了什么。
林加载页面像这样...
<script src="/js/jquery.address-1.5.min.js"></script>
这是我的js ...
var init = true, state = window.history.pushState !== undefined;
$.address.crawlable(true).state('/index').init(function() {
$('.alink').address();
}).change(function(event) {
var value = $.address.state() + event.path;
var ua = value.split("/");
// Selects the proper navigation link
$('.alink').each(function() {
if ($(this).attr('href') == value) {
$(this).addClass('selected');
$(this).children().addClass('navActive');
} else {
$(this).removeClass('selected');
$(this).children().removeClass('navActive');
}
});
if (state && init) {
init = false;
} else {
// Loads and populates the page data
$.ajax({
cache: false,
url: "/scripts/pages.php",
type: "post",
data: {action: ua[2]},
success: function(data){
$('title').html(ua[2]);
$('.content').html(data);
}
});
}
});
下面是HTML ...
<div id="nav" class="nav">
<div id="linkwrap">
<a href="/index"><div id="navHome" class="link">home</div></a>
<a href="/index/gallery" class="alink"><div id="navGallery" class="link">gallery</div></a>
<a href="/index/woods" class="alink"><div id="navWood" class="link">wood guide</div></a>
<a href="/index/styles" class="alink"><div id="navStyles" class="link">cabinet styles</div></a>
<a href="/index/products" class="alink"><div id="navProducts" class="link">products</div></a>
<a href="/index/contact" class="alink"><div id="navContact" class="link">contact</div></a>
</div>
</div>
谢谢你提前为所有的时间和帮助。
编辑
这里是我的地盘http://hw.weightlossexp.com这里是应工作地址http://hw.weightlossexp.com/index/gallary