Question

我已经发布了这个，但我会用jsFiddle更好地解释一下。因此，重新发布。

如果已经提出这个问题，我很抱歉，但我一直在寻找任何帮助，我根本找不到任何帮助。

我使用href='#'的锚点制作了“标签”。但是，我想要的是当我点击button1时它会将网址更改为www.myurl.com/btn1，当我点击按钮2 - www.myurl.com/btn2时。

当我访问www.myurl.com/btn1时，我希望button1在点击jsFiddle时突出显示。我已经到处搜索但是没有办法做到这一点。

Answer 1

最简单的方法是使用URL片段存储选项卡的id，即。 myurl.com#tab1。然后，如果URL包含片段（使用location.hash）并设置默认选项卡，则可以检查加载，并且可以在href元素的a属性中使用完全相同的机制用来更改标签。试试这个：

$('.tab-trigger').click(function() {
  showTab($(this).attr('href'));
})

if (window.location.hash)
  showTab(window.location.hash);
    
function showTab(tab) {
  $('.tab-content').hide();
  $(tab).fadeIn();
}

.tab-content {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#div1" class="tab-trigger">Button 1</a>
<a href="#div2" class="tab-trigger">Button 2</a>
<a href="#div3" class="tab-trigger">Button 3</a>

<div id="div1" class="tab-content">div 1</div>
<div id="div2" class="tab-content">div 2</div>
<div id="div3" class="tab-content">div 3</div>

如何使执行Javascript代码的按钮具有自己的URL

1 个答案: