php – 通过标签更新subid
前一段时间我问了这个问题
Jquery tabs keep tab open that is subid in url,你可以看到我找到了我的问题的答案,现在我试图改变它,这样每次你从一个标签更改为标签时它会改变标题中的tid子标题,此刻它只是将变量tid更改为tab_id的任何内容,因此当您按下时,可以打开您离开的特定选项卡,但这次我希望它在滚动选项卡时更新标题中的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," ")); } $(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,那么它将转到第二个标签,但是当你更改标签时它不会自动更新 解决方法
尝试使用Javascript更改当前URL的tid参数而不重新加载页面将不起作用.你有几个选择:
>使标签实际上只是指向新页面的链接,而不是使用JavaScript. < li>< a href =“#inbox”class =“inbox”>< / a>< / li> 单击选项卡时,应将#outbox或#inbox附加到URL.然后,当用户单击后退按钮时,它应将它们带到上一个URL.您还必须更改JavaScript,以便在页面加载带有其中选项卡的链接时(例如page.html #inmpbox),然后显示收件箱选项卡. 您的HTML中似乎已经有适当的ID和链接,但出于某种原因,您正在为< li>添加点击功能.元素而不是你的< a>元素.你应该把你的< a>元素有display:block以便它们满足你的< li>元素,然后您可以添加选项卡切换功能.这将使id能够附加到URL(即page.html #inbox). 因此,请尝试将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 }); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |