在选项卡中调用选项卡？ jQuery手机

Posted 2023-05-09

【中文标题】在选项卡中调用选项卡？ jQuery手机

【英文标题】：Calling Tabs inside a Tab? Jquerymobile

【发布时间】：2017-08-18 17:24:42

【问题描述】：

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

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

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

http://demos.jquerymobile.com/1.4.5/tabs/

【问题讨论】：

能否请您调整您的标记并提供Minimal, Complete, and Verifiable example ？

【参考方案1】：

所以我做了一些研究。根据我的 javascript 控制台，有一个错误导致链接在任何选项卡中都不起作用。所以我有了一个解决方法的想法。我没有直接链接到选项卡，而是将按钮绑定到选项卡链接，如下所示：

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

这非常有效。这就像调用选项卡而不是尝试链接到页面本身一样简单。对于我的问题不够准确，我深表歉意。