更新subid通过标签

前一段时间我问这个问题Jquery tabs keep tab open that is subid in url，你可以看到我发现了一个答案我的问题，现在我试图改变它，以便每次你从标签更改选项卡它改变tid subid在头文件中，此时它只是将变量tid更改为tab_id所在的位置，以便当您按下后，可以打开您离开的特定选项卡，但这次我希望它将标头中的tid更新为您滚动选项卡。更新subid通过标签

在情况下，链接到我以前的答案并不在这里显示是我的代码

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() { 
    $(".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 
    $("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; 
    }); 
});

让我知道，如果你有什么事和遗憾，如果这是一个有点混乱。

编辑：？在此刻换句话说，如果我的头添加TID = 2，那么它会去第二个选项卡，但是当您更改标签

来源

2012-06-30 Arken

谁能帮助我？ – Arken

你能证明这一点吗？有链接？ “我试图改变它，以便每次你从标签页到标签页改变它改变标题中的tid子标题” - 什么tid subid？什么标题？你是什么意思“在标题”？你在谈论改变浏览器的网址吗？ –

嗨，是的tid是每个标签的“tab_id”，所以如果你把URL tid = 2，那么它会到第二个标签。而对于标题抱歉，是的，我的意思是网址 – Arken

试图改变它不会自动更新tid使用Javascript而不重新加载页面的当前URL的参数将不起作用。你有几个选择：

使选项卡实际上只是一个链接到一个新的页面，而不是使用JavaScript。
改变你的脚本，这样的标签实际上是ID链接，就像这样：

<li><a href="#inbox" class="inbox"></a></li>

当你点击一个选项卡，#outbox或#inbox应被追加到URL为你。然后，当用户点击后退按钮时，应该将它们带到前一个URL。您还必须更改JavaScript，以便在页面加载时带有指向其中的选项卡的链接（即page.html＃收件箱），然后收件箱选项卡显示。

看起来您已经在HTML中拥有适当的ID和链接，但出于某种原因，您正在为您的<li>元素而不是您的<a>元素添加点击功能。你应该让你的<a>元素有display:block，这样他们就可以填满你的<li>元素，然后你可以添加制表符切换功能。这将使id被附加到URL（即page.html＃收件箱）。

所以尝试添加的onclick功能，你的链接，而不是：

$("ul.tabs li a").click(function() { 
     $("ul.tabs li").removeClass("active"); //Remove any "active" class 
     $(this).parent().addClass("active"); //Add "active" class to selected tab 
     $(".tab_content").hide(); //Hide all tab content 
     var activeTab = $(this).attr("href"); 
     $(activeTab).fadeIn(); //Fade in the active content 
    });

来源

2012-07-02 23:50:01

这就是你想要做的。给予好评！ – Jan

更新subid通过标签

回答

相关问题