Question

id of 1st modal is "modal1" and 2nd modal id is "modal2"

HTML代码 - ＆gt;

同一页上的第一个模态调用

<div class="input-field col s12 m6 left-align">
                <button class="btn waves-effect waves-light modal-trigger importButton" style="height:45px !important">Import Data
                    <i class="material-icons right">import_export</i>
                </button>
</div>

同一页上的第二次模态调用

<div class="modal-trigger" style="cursor: pointer;">
                <img src="abc.png" alt="" class="circle">
</div>

JS代码 - ＆gt;

'click .modal-trigger': function(event) {
    event.preventDefault();
    $('#modal1').openModal();
},
'click .importButton':function(event) {
     event.preventDefault();
    $('#modal2').openModal();
}

Answer 1

您必须提供另一个模板{{＆gt; import}}（我的模板）名称是导入）我的modal2定义。

Answer 2

你的问题不是很清楚。据我所知，可以从同一个模板打开2个模态。这里的问题是引导程序does not support multiple modals相互叠加。

不支持多个打开模态请确保不打开模态另一个仍然可见。一次显示多个模态需要自定义代码。

所以，在第一个模态打开之前，你必须首先检查另一个模态是否处于关闭状态，同样，在第二个模态打开之前，你必须检查第一个模态是否关闭，如果不是则关闭它

流星中有一个包似乎有助于处理多个模态。你可以查看peppelg:bootstrap-3-modal以更好地实现meteor中的bootstrap模式。特别是他们提到下面使用的部分：

Modal.allowMultiple = true

在meteor js中在同一页面上打开多个物化模态

2 个答案: