Question

这适用于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>

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

非常感谢！

Answer 1

要允许easytab包含来自外部链接的页面，您应该添加数据目标属性所以现在你的代码将是，

<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>

我希望它能与你合作：）

jquery easytabs - 如何在选项卡中包含外部链接

1 个答案: