Bootstrap选项卡和jquery ui不能在Tablet上工作

Question

我在我的php项目中使用此代码，标签在PC上运行良好，但在平板电脑上它根本不起作用。点击任何链接都不会触发任何操作

<div>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" 
data-toggle="tab">Home</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" 
data-toggle="tab">Profile</a></li>
</ul>

<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">...</div>
<div role="tabpanel" class="tab-pane" id="profile">...</div>
</div>

</div>

然后我用默认的jquery ui标签代码

替换它

<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a.</p>
</div>
<div id="tabs-2">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante. </p>
</div>                               
</div>

虽然我在附加

后有一个范围滑块工作但仍然无法正常工作

jquery.ui.touch-punch.min.js

Answer 1

这是与另一个jQuery代码的冲突。解决。