我正在开发一个使用桌面版 Bootstrap 和移动设备版 jQuery Mobile 的网站。我在 Bootstrap 中的选项卡与 jQuery Mobile 中的页面的 HTML 结构方面遇到问题。如果我使用 Bootstrap 的 HTML(如下所示),基本上 jQuery Mobile 页面最终会被嵌套。当 jQuery Mobiledata-role="page"
标记嵌套时,它似乎不起作用。有任何想法吗?
<div class="tabbable" data-role="page"> <!-- Only required for left/right tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
<li><a href="#tab2" data-toggle="tab">Section 2</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1" data-role="page">
<p>I'm in Section 1.</p>
</div>
<div class="tab-pane" id="tab2" data-role="page">
<p>Howdy, I'm in Section 2.</p>
</div>
</div>