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

时间:2013-11-30 07:28:14

标签: javascript jquery html twitter-bootstrap modal-dialog

我正在使用bootstrap-modal:

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

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

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

我该怎么做?

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

但以下不适合我的情况

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

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

1 个答案:

答案 0 :(得分:3)

如果与twitter bootstrap提供的默认模式相比,https://github.com/jschr/bootstrap-modal提供的

'bootstrap-modal.js'至少差别不大。

表示模态根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