javascript - $(modalEl).modal ('show' ) 和 $(modalEl).modal ('hide' ) 不工作

Question

我正在使用 bootstrap-modal 来自:

https://github.com/jschr/bootstrap-modal

modalEl 是 DOM 中的模态元素。模态完全呈现在一些动态内容中。

我想隐藏模态，在应用程序上做一些工作，并希望稍后在不初始化任何新模态的情况下再次呈现相同的模态。

我该怎么做？？？

我已经从按钮中删除了 data-dismiss="modal" 属性。

但以下对我来说不起作用

$(modalEl).modal('hide');

$(modalEl).modal('show');

Answer 1

'bootstrap-modal.js' 由 https://github.com/jschr/bootstrap-modal 提供与 Twitter Bootstrap 提供的默认模式相比，至少有一点不同。

对于模态根div(这里取为modalEl)

显示我们使用的隐藏默认 twitter Bootstrap :

    $(modalEl).modal(); // initialize
    $(modalEl).modal('hide'); // hide
    $(modalEl).modal('show'); //show

但是，如果我们使用来自 https://github.com/jschr/bootstrap-modal 的模态我们应该使用以下方式:

var modalObj = $(modalEl).modal(); // initialize
modalObj.modal('hide') // to hide
modalObj.modal('show') // show