Can Bootstrap Modal可以在没有按钮的情况下使用吗？ （jQuery Scroll Event）

Question

我正在尝试使用Bootstrap模式作为触发jQuery滚动事件的弹出窗口。 scroll事件的工作原理是这样：

jQuery(document).ready(function() { 
    jQuery('.Potato').css('top', jQuery('.Potato').closest('.post').height() + 'px'); 
    jQuery('#id-focus-comment').on('click', function(e) { 
     jQuery('#comment').focus(); 
    }); 
    jQuery('.Potato').hide(); 
    jQuery(window).on('scroll', function(e) { 
     if((jQuery('#reports').offset().top+jQuery('#reports').height()) < jQuery(window).height() + jQuery(window).scrollTop()) { 
      jQuery('.Potato').show(); 
     } 
    }); 
}); 

脚本抓住DIV隐藏/显示“”土豆'一旦用户滚动通过了“”报告“”部分。

我的脚本的另一部分在模式动态地将与用户一起生成的内容：

<div class="question"> 
    <div class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal"> 
      <span aria-hidden="true">&times;</span> 
      <span class="sr-only">Close</span> 
      </button> 
      <h4 class="modal-title">Potato Counter</h4> 
     </div> 
     <div class="modal-body"> 
      <p>' + e.data.title + '</p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

但是当它实际上在网站上的所有触发器，它看上去一点也不像一个引导模态：

http://i.stack.imgur.com/MnqKT.png

我想我必须失去一些明显的东西？我的开发控制台显示没有错误加载任何资源，我看到引导CSS和JS文件。我是否缺少一些由于缺少按钮而触发的必需的调用/元素？ （从我的理解，通常这些是如何使用的？）

Answer 1

是的引导模式可以使用没有按钮。

请在此文件上读了起来：http://getbootstrap.com/javascript/#modals-usage

基于放在现有的HTML，你可以使用触发模式：

jQuery('.question .modal').modal('show');