可以在没有按钮的情况下使用Bootstrap模态吗？ （jQuery滚动事件）

Question

我试图使用Bootstrap模式作为在jQuery滚动事件上触发的弹出窗口。滚动事件的工作原理如下：

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();
        }
    });
});

该剧本抓住了生皮/节目＆＃39;＆＃39;马铃薯＆＃39;＆＃39;用户滚动后，通过“报告”＆＃39;＆＃39;＆＃39;＆＃39;部分。

我的脚本的另一部分动态地添加模态以及用户生成的内容：

<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

我认为我必须遗漏一些明显的东西？我的开发控制台显示没有加载任何资源的错误，我看到bootstrap css和js文件。我错过了一些因缺少按钮而无法触发的必需通话/元素吗？ （根据我的理解，通常如何使用这些？）

Answer 1

是的，可以在没有按钮的情况下使用自举模式。

请阅读此处的文档：http://getbootstrap.com/javascript/#modals-usage

根据您当前的HTML，您可以使用以下方式触发模式：

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