在流星js的同一页面上打开多个物化模式答案

【问题标题】：Open more than one materialize modal on same page in meteor js在流星js的同一页面上打开多个物化模式
【发布时间】：2016-10-21 10:29:47
【问题描述】：

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 代码 ->

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

【问题讨论】：

请指定代码的当前行为
感谢 #Luna 给你的时间。

标签： javascript meteor materialize

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

所以，在第一个模态打开之前，必须始终检查另一个模态是否处于关闭状态，同样，在第二个模态打开之前，必须检查第一个模态是否关闭，如果没有则关闭它。

meteor 中有一个包似乎可以帮助处理多种模式。您可以查看peppelg:bootstrap-3-modal 以更好地在流星中实现引导模式。特别是他们提到以下用途的部分：

Modal.allowMultiple = true

【讨论】：

感谢您抽出宝贵的时间#blueren，但我在流星中使用物化 css 模态而不是引导程序。