即使有黑客攻击,ipad和android上的Twitter Bootstrap下拉列表也不起作用

Question

我在ipad和android上访问我的软件时遇到问题.这是在ipad上不起作用的html.我不能点击sub-itens

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

我已经破解了这个HTML

jQuery(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上的引导程序站点时,也会发生此错误.

我能做什么 ？

Answer 1

我相信您应该使用aelement 而不是 a button，例如 bootstrap 文档：

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

关于bug本身，你应该看看这个问题。