Jquery mobile 在标签中调用标签？Jquerymobile

我只是遇到了一个问题。我有一个嵌入了Tabs小部件的页面。标签工作正常。但是当我尝试在一个选项卡中链接一个选项卡时，链接将不起作用

<div data-role="tabs">
  <div data-role="navbar">
<li><a href="#tab1">Link 1</a></li>
<li><a href="#tab2">Link 2</a></li>
<li><a href="#tab3">Link 3</a></li>
</div>
<div id="tab1">
  <div data-role="tabs">
  <div data-role="listview" data-inset="true">
  <li><a href="#tab1">Link 1</a></li>
  <li><a href="#tab2">Link 2</a></li>
  <li><a href="#tab3">Link 3</a></li>
  </div>
  </div>
  </div>
<div id="tab2">
 <p>Content</p>
  </div>
<div id="tab3">
 <p>Content</p>
  </div>
</div>
</div>

内容

内容

这大概是我的想法。选项卡工作，但第一个选项卡内的链接不工作。有可能这样做吗？额外参考：

---

所以我做了一些研究。根据我的Javascript控制台，有一个错误使得链接不能在任何选项卡中工作。于是我想到了一个解决办法。我没有直接链接到选项卡，而是将按钮绑定到选项卡链接，如下所示：

<a OnClick="document.getElementById('#IdOfTab').click()">Link</a>

链接

---

这很好用。这很简单，只需调用选项卡，而不是尝试链接到页面本身。很抱歉，我的问题不够精确。

请您调整您的标记并提供一份详细的说明？