jQuery 选项卡式问题答案

【问题标题】：jQuery Tabbed ProblemjQuery 选项卡式问题
【发布时间】：2011-04-06 16:16:34
【问题描述】：

我想将第三个标签链接添加到其他网站，当点击它时，它会将我重定向到主页的第一个标签。不是第三个标签。

这里是网站中使用的链接示例。

<li><a href="#tab1">HOME</a></li>  
<li><a href="#tab2">About us</a></li>  
<li><a href="#tab3">services</a></li>  

and on other website I added  
<li><a href="http://www.mywebsitename.com/#tab1">HOME</a></li>  
<li><a href="http://www.mywebsitename.com/#tab2">About us</a></li>  
<li><a href="http://www.mywebsitename.com/#tab3">services</a></li>

无论您点击哪里，您都会转到主页。请问有什么解决办法吗？

【问题讨论】：

您需要进一步澄清您的问题。现在太难理解了。

标签： jquery navigation hyperlink tabbed

【解决方案1】：

与其他人一样，我不确定您要的是什么，但如果您希望在末尾带有哈希锚的网址自动选择其中一个选项卡，我认为这对您有用。

<script type="text/javascript">
$(function() {
    $('div#tabs').tabs({ selected: 0 });
    // Select the tab based on the url's hash anchor
    var index = $('div#tabs div.ui-tabs-panel').index($(document.location.hash));
    $('div#tabs').tabs('select', index >= 0 ? index : 0);
});
</script>

<!-- Tabs -->
<div id="tabs">
  <ul>
    <li><a href="#tab1">HOME</a></li>
    <li><a href="#tab2">About us</a></li>
    <li><a href="#tab3">Services</a></li>
  </ul>
  <!-- individual tab content divs -->
  <div id="tab1">Home sweet home!</div>
  <div id="tab2">This is a page about us.</div>
  <div id="tab3">At your service.</div>
</div>

【讨论】：

【解决方案2】：

虽然您的问题不是很清楚，但我假设您正在使用一些 jQuery 插件将 div 转换为选项卡式页面。

您需要在加载时检查收到的网址，然后跳转到正确的选项卡（激活正确的 div）。如果您没有更多代码，很难得到比这更具体的代码。

【讨论】：