我在iPad和Android上访问软件时遇到了问题。这是在iPad上不起作用的HTML。我无法单击子级
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">Export <span class="caret"></span></button>
<ul class="dropdown-menu">
<#if print?exists>
<li><a href="javascript:print('${print}');">Print in PDF</a></li>
</#if>
<#if printList?exists>
<li><a href="javascript:print('${printList}');">Print list in PDF</a></li>
</#if>
<li><a href="javascript:exportListAt('${targetList}', 2);">Export to Excel</a></li>
<li><a href="javascript:exportListAt('${targetList}', 1);">Export to CVS</a></li>
<li><a href="javascript:exportListAt('${targetList}', 3);">Export to XML</a></li>
</ul>
</div>
我已经用
攻击了这个htmljQuery(document).ready( function (){
jQuery('.dropdown-toggle')
.on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); })
.on('touchstart.dropdown', '.dropdown-submenu', function (e) { e.preventDefault(); })
})
当我访问iPad和Android上的Bootstrap站点时,也会发生此错误。
我该怎么办?
最近,Bootstrap 2.2.2出来了,您的问题是已解决的众多问题之一。
因此,一个很好的解决方案是将Bootstrap版本更新为最新的可用。
请参阅ChangElog,或直接下载最新的Bootstrap
我还写了一篇有关此问题的简短博客文章。
我相信您应该使用a
元素而不是button
,例如Bootstrap Docs:
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Action
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<!-- dropdown menu links -->
</ul>
</div>
关于错误本身,您应该查看此问题。
请参阅此处有关此问题的讨论:https://github.com/twbs/bootstrap/issues/9543解决方案:https://github.com/twbs/bootstrap/commit/c0eabdda9fd8e97f44117bd4bd4bd4bd77dd1344039024它最初是一个引导问题。