我设置它的方式,它工作得很好,唯一的问题是如果用户右键单击并在新选项卡中打开链接,它几乎是一个带有内容的无样式 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>
与其有链接,不如将范围设置为链接,这样右键单击将不会提供在新选项卡中打开的选项。下面是一些示例 CSS:
span {
cursor:pointer;
color:blue;
text-decoration:underline;
}