Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据url上的哈希值单击_Javascript_Jquery - Fatal编程技术网

Javascript 根据url上的哈希值单击

Javascript 根据url上的哈希值单击,javascript,jquery,Javascript,Jquery,我对使用JS/jQuery还不熟悉,目前我一直在尝试在这里和不同的网站上找到的许多不同的方法,试图找出如何实现这一点,但我无法实现这一点 我有一个有标签的网站,当点击菜单中的按钮时,它会改变一个div的内容。这一切都很好,但我希望能够使用hash tags example.com/#tab-1链接到每个单独的“页面” HTML: 我在上面的js文件中添加了它 $('.tabWrapper').delegate('ul.tabs li', 'click', function() 我不确定我离那个

我对使用JS/jQuery还不熟悉,目前我一直在尝试在这里和不同的网站上找到的许多不同的方法,试图找出如何实现这一点,但我无法实现这一点

我有一个有标签的网站,当点击菜单中的按钮时,它会改变一个div的内容。这一切都很好,但我希望能够使用hash tags example.com/#tab-1链接到每个单独的“页面”

HTML:

我在上面的js文件中添加了它

$('.tabWrapper').delegate('ul.tabs li', 'click', function()
我不确定我离那个代码还有多远,因为它似乎根本不起作用。我只是想看看url中是否有哈希标记,如果有,然后运行click函数来更改内容

我希望我把我要找的解释清楚。我非常感谢你在这方面的帮助

多谢各位

更新:

根据chiliNUT的建议,我用setInterval更新了代码,但是它似乎仍然不起作用

setInterval(hash,1000);
function hash() {
    if(window.location.hash){
    var hash = window.location.hash.substring(1);
    $("." + hash).click();
    }
}   
更新2:

仍然无法让它工作,有人能帮忙吗


谢谢。

为什么不直接使用锚定标签呢

<a href="#tab1">Button to open tab 1</a>

我的提示也使用了锚定标签

<a href="#tab1">Link</a>

由于哈希更改不会触发页面加载,因此需要定期轮询
hash()
函数。如果您添加类似于
setInterval(hash,1000)的内容,它看起来会像编写的一样工作
这会随时检查哈希值的变化感谢你让我知道@chiliNUT是我添加的,(我相信是正确的)仍然看起来向URL添加哈希值不会改变任何事情。
$('.tabWrapper').delegate('ul.tabs li', 'click', function()
setInterval(hash,1000);
function hash() {
    if(window.location.hash){
    var hash = window.location.hash.substring(1);
    $("." + hash).click();
    }
}   
<a href="#tab1">Button to open tab 1</a>
<a href="#tab1">Link</a>
$( document ).ready(function() {

   if(window.location.hash == "#tab1"){
        $("#someId").click();
   }

});