我设置它的方式,它工作得很好,唯一的问题是如果用户右键单击并在新选项卡中打开链接,它几乎是一个没有样式的 html 文档,上面有内容(因为我必须从每个模板,这样它就不会在每一页上加倍。
就像我说的那样,它的方式很好,但它真的让我很困扰,因为我知道有些用户肯定会在新标签中打开链接并看到它。
在您告诉我删除加载功能(这是我之前的方式)之前,我必须拥有它,因为标题上有一个收音机。我不希望每次有人进入新页面时它都会刷新。
如果我有任何意义,有人可以帮忙吗?
<script type="text/javascript">
$(document).ready(function(){
$.ajaxSetup({cache:false});
$(".link a").click(function(){
var toLoad = $(this).attr("href")
$(".new-body div").html("<center><div style='margin-top:20px;'><img src='http://habbolicious.com/wp-content/themes/habbolicious/images/loading.gif' /></div></center>");
$(".new-body div").slideUp("slow").load(toLoad).slideDown('slow');
return false;
});
});
</script>
那是 jQuery,这里是实际的导航:
<div style="float:left; margin-top:16px; margin-right:20px;" class="link"><a href="/v1"><img src="http://habbolicious.com/wp-content/themes/habbolicious/images/logosmall.png" /></a></div>
<div class="nav-home link"><a href="/staff">Staff</a></div>
<div class="nav-news link"><a href="/news">News</a></div>
<div class="nav-events link"><a href="/events">Events</a></div>
<div class="nav-values link"><a href="/rare-values">Rare Values</a></div>
<div class="nav-forum link"><a href="/contact">Contact Us</a></div>
<div class="nav-forum"><a href="/forum"></a></div>