twitter-bootstrap - 推特 Bootstrap : modal on mobile phones

Question

我想弄清楚为什么当模态出现时我似乎无法点击模态内的任何内容(在移动设备上 - 它在 PC 浏览器中工作正常)。我有这样的代码，它是来自 Twitter bootstrap 的基本模式:

<!-- Modal -->

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria hidden="true">×</button>
      <h3 id="myModalLabel">choose!</h3>
    </div>
    <div class="modal-body">
      <div class="row-fluid">
       <form>
         <fieldset>
             <select class="input-large">
             <option value="0">10:15</option>
             <option value="1">12:45</option>
             <option value="2">13:15</option>
            </select>
         </fieldset>
       </form>
     </div>
   </div>
   <div class="modal-footer">
      <button class="btn pull-left" data-dismiss="modal" aria-hidden="true">Close</button>
      <button class="btn btn-primary">Save changes</button>
   </div>
</div> <!-- modal END -->

并且这个模式是由javascript事件打开的。它打开得很好，但在我的手机上我无法点击(或者我一直想念？)按钮或点击选择字段。对此有什么想法吗？

感谢您的帮助。

Answer 1

找到了解决方案..如果有人遇到同样的问题。刚刚向模态添加了“事件”类，现在可以正常工作了。

class="modal hide fade active"