Javascript 在meteor js中打开同一页面上的多个materialize模式

Javascript 在meteor js中打开同一页面上的多个materialize模式,javascript,meteor,materialize,Javascript,Meteor,Materialize,第一模态id为“modal1”,第二模态id为“modal2” HTML代码-> 'click .modal-trigger': function(event) { event.preventDefault(); $('#modal1').openModal(); }, 'click .importButton':function(event) { event.preventDefault(); $('#modal2').openModal(); } 同一页上

第一模态id为“modal1”,第二模态id为“modal2”

HTML代码->

'click .modal-trigger': function(event) {
    event.preventDefault();
    $('#modal1').openModal();
},
'click .importButton':function(event) {
     event.preventDefault();
    $('#modal2').openModal();
}
同一页上的第一个模态调用

您必须引用另一个模板{{>import}(我的模板) 名称为import),其中定义了my modal2


你的问题不是很清楚。据我所知,有两个模态可以从同一个模板打开。这里的问题是引导程序彼此重叠

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

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

meteor中有一个包似乎可以帮助处理多个模态。您可以在meteor中查看如何更好地实现引导模式。具体而言,他们提到的使用部分如下:

Modal.allowMultiple = true

请为您的时间指定您的codeThnx#Luna的当前行为。感谢您的时间#blueren,但我在meteor而不是引导中使用materialize css模式。
'click .modal-trigger': function(event) {
    event.preventDefault();
    $('#modal1').openModal();
},
'click .importButton':function(event) {
     event.preventDefault();
    $('#modal2').openModal();
}
Modal.allowMultiple = true