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');