在meteor js的同一页面上打开多个materialize modal

Question

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

HTML代码>

同页第一个模态调用

<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 Code ->

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

Answer 1

你必须给另一个模板{{>import}}的引用(我的模板名称是import)，其中定义了my modal2。

Answer 2

你的问题不太清楚。据我所知，有2模态，可以从同一模板打开。这里的问题是，bootstrap不支持多个模态堆叠在一起。

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

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

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

Modal.allowMultiple = true