使用JQuery向当前URL添加哈希标记

Question

在我的页面上，我使用这段代码和一些CSS设置了3个选项卡。

<ul class="subnav" id="subnav">
    <li class="active"><a href="#subover">Overview</a></li>
    <li><a href="#subnews">News</a></li>
    <li><a href="#subgallery">Gallery</a></li>
    </ul>

在新闻标签中，我使用.load从页面arc.php和id=news填充它。

 <div class="subcont" id="subnews">
   <script>
jQuery(document).ready(function ($) {
$('#subnews').append($('<div>').load('arc.php #news'));
});
</script> 
   </div>

在arc.php页面上，我有带有文章链接的新闻描述。单击项目链接时。我要把它装进副新闻频道。我正用这个来做呢。

<script>  

 jQuery(document).ready(function ($) {

$("#subnews").on("click", "a", function (e) { 
    $("#subnews").load($(this).attr("href"));
    e.preventDefault();
});
 });
</script>

现在我的问题..。

当加载新闻文章时，url不会更改，因此我无法使用back返回到新闻文章列表。

我确实有代码跟踪哈希标签，当我从概述、新闻和画廊中更改时，它可以工作。我可以用back来翻阅标签。

是否有方法在单击文章时将散列标记添加到url，以便使用跟踪并能够单击“上一步”？

Answer 1

我建议：

$("#subnews").on("click", "a", function (e) {
    var href = $(this).attr('href');
    $("#subnews").load(href);
    window.location.hash = href;
    e.preventDefault();
});

但我看不出有什么理由使用$(this).attr('href')，而是亲自使用：

$("#subnews").on("click", "a", function (e) {
    var href = this.href;
    $("#subnews").load(href);
    window.location.hash = href;
    e.preventDefault();
});

参考文献：

• API。