gpt4 book ai didi

php - Jquery 选项卡保持 url 中 subid 的选项卡打开

转载 作者:行者123 更新时间:2023-12-02 19:38:35 25 4
gpt4 key购买 nike

我正在使用 jquery 选项卡,并尝试在每个选项卡中进行分页,一切正常,但是,如果我单击进入第二个选项卡上的下一页,它会很好地工作,但会将我传送到第一个选项卡打开,因此您必须继续单击第二个选项卡才能查看新内容。我的问题是如何做到这一点,以便当用户单击分页中的下一页时,内容会刷新,但同一选项卡保持打开状态。

我关于如何将其合并到当前代码中的计划是使用 url mail.php?page=2&tid=2

其中 page=2 是分页的引用,该分页工作正常,但我希望 tid(选项卡 ID)使其成为打开的选项卡。

这是您可能认识的选项卡的 javascript

$(document).ready(function() {

//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});

});

以及选项卡的 html(必须注释掉列表)

//<div id="tabsX">   <div id="tabContent">   <ul class="tabs">
// <!--<li><a id="all" href="#all" class="all">All</a></li>-->
// <li><a href="#inbox" class="inbox"></a></li>
// <li><a href="#outbox" class="outbox"></a></li>
// <li><a href="#compose" class="compose"></a></li>
//<li><a href="#trash" class="trash"></a></li>
//

// </ul>

以及选项卡内容的 html(仅显示一个作为示例,没有内容,因为显示的内容太多)

<div id="inbox" class="tab_content">
<div id="inbox_header" style="display:table-cell; vertical-align:middle">
<!---content--->

</div><!---end inbox_content--->



</div><!---end inbox--->

我真的很感激任何帮助,因为我似乎无法为自己找到任何解决方案

最佳答案

您可以使用 here 中的以下函数在 javascript 中捕获 tid 参数

function getParameterByName(name)
{
name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
var regexS = "[\\?&]" + name + "=([^&#]*)";
var regex = new RegExp(regexS);
var results = regex.exec(window.location.search);
if(results == null)
return "";
else
return decodeURIComponent(results[1].replace(/\+/g, " "));
}

然后像这样更改你的代码

var tabIndex = parseInt(getParameterByName('tid'),10);
$("ul.tabs li").eq(tabIndex - 1).addClass("active").show(); //Activate first tab
$(".tab_content").eq(tabIndex - 1).show(); //Show first tab content

所以你完整的js代码将是

function getParameterByName(name)
{
name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
var regexS = "[\\?&]" + name + "=([^&#]*)";
var regex = new RegExp(regexS);
var results = regex.exec(window.location.search);
if(results == null)
return "";
else
return decodeURIComponent(results[1].replace(/\+/g, " "));
}
$(document).ready(function() {

//Default Action
$(".tab_content").hide(); //Hide all content

var tabIndex = parseInt(getParameterByName('tid'),10);
if(!tabIndex)
tabIndex = 1;
$("ul.tabs li").eq(tabIndex - 1).addClass("active").show(); //Activate first tab
$(".tab_content").eq(tabIndex - 1).show(); //Show first tab content

//On Click Event
// add you onlick code here


)};

我在 eq 中添加 -1 因为它是基于 0 的。在此处查看文档 $.eq

关于php - Jquery 选项卡保持 url 中 subid 的选项卡打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10674947/

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