Tabs 链接赢得'；使用多个选项卡（Jquery选项卡）时无法打开

我的页面上多个选项卡的代码（动态显示这些选项卡和内容）：

“我的HTML”中显示选项卡的代码：

<div class="tab-block">
<div class="tabs">
    <ul>
<li class="active"><a href="#">TAB 1</a></li>
<li><a href="#">TAB 2</a></li>
</ul>
<div class="clear-float"></div>
</div>
<div class="tab-content">
<ul>
<li class="active">
<p><h3><a href="http://www.google.com/" rel="nofollow" target="_blank">Goole.com</a></h3></a>
<p>Content</p>
</li>
<li>
<p><h3><a href="http://www.google.com/" rel="nofollow" target="_blank">Goole.com</a></h3></a>
<p>Content</p>
</li>
</ul>
</div>
</div>

内容




内容

现在所有的标签都很好，但是没有链接会打开（标签中的H3链接）。知道我做错了什么吗？

---

谢谢。

我不知道您的具体问题是什么，您可能希望提供一个指向JSFIDLE的链接，以澄清您的问题，但是如果您需要选项卡，请尝试jQuery插件

HTML:

---

没人能弄明白，是吗？我也不能：（没关系，我算出来了。将这一行：.tab block li a改为.tabs li a，它就工作了。

<div class="tab-block">
<div class="tabs">
    <ul>
<li class="active"><a href="#">TAB 1</a></li>
<li><a href="#">TAB 2</a></li>
</ul>
<div class="clear-float"></div>
</div>
<div class="tab-content">
<ul>
<li class="active">
<p><h3><a href="http://www.google.com/" rel="nofollow" target="_blank">Goole.com</a></h3></a>
<p>Content</p>
</li>
<li>
<p><h3><a href="http://www.google.com/" rel="nofollow" target="_blank">Goole.com</a></h3></a>
<p>Content</p>
</li>
</ul>
</div>
</div>

<div class="tab-block">
  <div class="tabs">
    <ul class='nav'>
      <li>TAB 1</li>
      <li>TAB 2</li>
    </ul>
    <div class="clear-float"></div>
  </div>
  <div class="tab-content">
    <div class='box'>
      <p>
      <h3><a href="http://www.google.com/" rel="nofollow" target="_blank">Goole.com</a></h3>
      </a>
      <p>Content</p>
    </div>
    <div class='box'>
      <p>
      <h3><a href="http://www.google.com/" rel="nofollow" target="_blank">Goole.com</a></h3>
      </a>
      <p>Content</p>
    </div>
  </div>
</div>

$('.tab-block').eztabs({
    tabsList : 'ul.nav',
    animation: 'slideLeftRight',
    boxContainer: '.tab-content',
    animationTime: 200
});