jquery - 使用 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 页面上，我有新闻描述以及文章链接。当点击文章链接时。我希望它加载到子新闻 div 中。我正在用这个做这个。

<script>  

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

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

现在我的问题...

加载新闻文章后，网址不会更改，因此我无法使用 back 返回新闻文章列表。

我确实有代码跟踪哈希标签，当我从概述、新闻和图库进行更改时它会起作用。我可以使用 back 返回选项卡。

有没有办法在点击文章时向网址添加哈希标签，以便使用跟踪并能够点击返回？

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();
});

引用文献:

• window.location API .