Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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 如何使用jQuery将选项卡id传递给URL?_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用jQuery将选项卡id传递给URL?

Javascript 如何使用jQuery将选项卡id传递给URL?,javascript,jquery,Javascript,Jquery,正如您在下面的代码中所看到的,我试图将选项卡id的值传递给URL。在本例中,我将其输出到HTML只是为了显示一个示例,但hashtag id没有传递到本地站点上的URL 预期结果: mysite.com/#jared 我留下了location.hash=$(this.attr(“href”)在那里(注释掉),以便您可以看到我正在尝试做什么 有没有想过我错过了什么 var url=document.url; var hash=url.substring(url.indexOf(“#”); $(“

正如您在下面的代码中所看到的,我试图将选项卡id的值传递给URL。在本例中,我将其输出到HTML只是为了显示一个示例,但hashtag id没有传递到本地站点上的URL

预期结果: mysite.com/#jared

我留下了
location.hash=$(this.attr(“href”)在那里(注释掉),以便您可以看到我正在尝试做什么

有没有想过我错过了什么

var url=document.url;
var hash=url.substring(url.indexOf(“#”);
$(“.nav选项卡”)
.查找(“a”)
.每个(功能)(键,val){
if(hash==$(val).attr(“href”)){
$(val)。单击();
}
$(val)。单击(函数(ky,vl){
result.textContent=$(this.attr(“href”);
//location.hash=$(this.attr(“href”);
});
});

杰夫的东西
内特的东西
杰瑞德的东西
一般材料

我可能错了。。。但是否只是在绑定单击处理程序之前触发了单击

$(".nav-tabs")
  .find("a")
  .each(function (key, val) {
    if (hash == $(val).attr("href")) {
      $(val).click(); // click handler is bound later!
    }

    $(val).click(function (ky, vl) {
      result.textContent = $(this).attr("href");
      location.hash = $(this).attr("href");
    });
});
如果您这样做,它可能会按预期工作:

var url=document.url;
var hash=url.substring(url.indexOf(“#”);
$(“.nav选项卡”)
.查找(“a”)
.每个(功能)(键,val){
$(val)。单击(函数(ky,vl){
result.textContent=$(this.attr(“href”);
location.hash=$(this.attr(“href”);
});
if(hash==$(val).attr(“href”)){
$(val)。单击();
}
});

杰夫的东西
内特的东西
杰瑞德的东西
一般材料