Question

在我的HTML页面中，我有一个带有两个li标签的ul类，每个标签指向每个表，如下所示

     <li class='default'><a href="#one">Data</a></li>
     <li><a href="#two">Chart</a></li>


  <table id="one" class="tab-content-1 table table-striped">  
  </table>
  <table id="two" class="tab-content-1 table table-striped">                        
  </table>

点击li标签时，网址就是这样的

......./index.html#one

OR

......./index.html#two

所以现在当用户按下F5（重新加载页面）时

如何从网址中删除#one或#two

以便它看起来像

......./index.html

http://jsfiddle.net/jq4f69cz/29/

请您告诉我如何解决问题？

提前谢谢。

Answer 1

尝试使用data-*属性将id元素设置为显示，隐藏，当location.href元素点击时，不应更改a以包含哈希

HTML

    <li class='default'><a data-href="#one">Data</a></li>
    <li><a data-href="#two">Chart</a></li>

CSS

li a:hover {
  cursor:pointer;   
}

JS

var tabclicked = $(this).find("a").attr("data-href");

jsfiddle http://jsfiddle.net/jq4f69cz/32/

刷新页面时如何从URL中删除某些部分？

1 个答案: