仅使用JS在页面上插入bs模态

时间:2015-06-10 06:31:42

标签: jquery twitter-bootstrap twitter-bootstrap-3 bootstrap-modal

我正在尝试为Bootstrap Modal创建一个包装函数,我已经完成了实际的模态函数定义但是我无法弄清楚如何使用JS来实例化一个模态。

HTML:

<div class="modal"></div> <!--I DON'T WISH TO HAVE ANYTHING ELSE ON THE PAGE-->

JS:

var BSModal = {};

BSModal.create = function(options) {
  var modal = new Modal($('.modal'), options);  //THROWS ERROR, Modal not defined.

  ...

}.bind(BSModal);

如何正确实例化模态?我做错了什么?

1 个答案:

答案 0 :(得分:0)

根据https://github.com/twbs/bootstrap/blob/master/js/modal.js

  

$。fn.modal.Constructor = Modal

所以我相信你可以在你的代码中使用这样的东西

var modal = new $.fn.modal.Constructor($('.modal'), options);