0

这是http://os.alfajango.com/easytabs/的 jquery easytabs

我正在尝试在其中一个选项卡中包含一个外部链接，但它不工作，否则工作正常。

这是我的设置：

头：

<script type="text/javascript">
$(document).ready( function() {
  $('#tab-container').easytabs();
});
</script>

标签：

<div id="tab-container" class="tab-container">
  <ul>
    <li class="tab"><a href="#tab1">Tab 1</a></li>
    <li class="tab"><a href="#tab2">Tab 2</a></li>
    <li class="tab"><a href="/external-link.html">External Link</a></li>
    <li class="tab"><a href="#tab4">Tab 4</a></li>
  </ul>

我四处搜索，发现了一些关于如何做到这一点的提及，但没有一个对我有用，所以任何建议都非常感谢。

非常感谢！

4

1 回答 1

1

要允许 easytab 包含来自外部链接的页面，您应该添加 data-target 属性，这样您的代码现在将是，

<div id="tab-container" class="tab-container">
<ul>
    <li class="tab"><a href="#tab1">Tab 1</a></li>
    <li class="tab"><a href="#tab2">Tab 2</a></li>
    <li class="tab"><a href="/external-link.html" data-target="#tabs-ajax-js">External Link</a></li>
    <li class="tab"><a href="#tab4">Tab 4</a></li>
  </ul> 
<div>

我希望它对你有用:)

于 2013-07-16T08:47:33.267 回答