gpt4 book ai didi

jquery - Twitter Bootstrap - 标签 - URL 不会改变

转载 作者:IT王子 更新时间:2023-10-29 03:24:55 26 4
gpt4 key购买 nike

我正在使用 Twitter Bootstrap 及其“选项卡”。

我有以下代码:

<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#add">add</a></li>
<li><a data-toggle="tab" href="#edit" >edit</a></li>
<li><a data-toggle="tab" href="#delete" >delete</a></li>
</ul>

选项卡工作正常,但 URL 中未添加#add、#edit、#delete。

当我删除 data-toggle 时,URL 发生变化,但选项卡不起作用。

有什么解决办法吗?

最佳答案

试试这段代码。它将选项卡 href 添加到 url + 根据页面加载时的哈希打开选项卡:

$(function(){
var hash = window.location.hash;
hash && $('ul.nav a[href="' + hash + '"]').tab('show');

$('.nav-tabs a').click(function (e) {
$(this).tab('show');
var scrollmem = $('body').scrollTop() || $('html').scrollTop();
window.location.hash = this.hash;
$('html,body').scrollTop(scrollmem);
});
});

关于jquery - Twitter Bootstrap - 标签 - URL 不会改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12131273/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com