在Meteor中物化模态如何触发模态

Question

我想我对如何从Materialize modal包中触发一个模式感到困惑。Materialize Modal我已经加载了包，我想使用一个预烘焙的模态。

JS：

MaterializeModal.form({
title: "Enter some Data!",
bodyTemplate: "my-form",
callback: function(error, response) {
  if (response.submit) {
    // Iterate over form results & display.
    for (var field in response.form) {
    Materialize.toast(field + ": " + response.form[field], 5000, "green");
  }
  } else {
    Materialize.toast("Cancelled by user!", 5000, "red");
  }
}
});

MaterializeModal.display({
  bodyTemplate: "my-form"
});

和模板：

<template name="my-form">
  <div class="row">
    <div class="input-field col s6">
      <input id="first_name" type="text" name="first-name" class="validate">
      <label for="first_name">First Name</label>
    </div>
    <div class="input-field col s6">
      <input id="last_name" type="text" name="last-name" class="validate">
      <label for="last_name">Last Name</label>
    </div>
  </div>
  <div class="row">
    <div class="input-field col s12">
      <input disabled id="disabled" type="text" name="disabled-input" class="validate">
      <label for="disabled">Disabled</label>
    </div>
  </div>
  <div class="row">
    <div class="input-field col s12">
      <input id="password" type="password" name="password" class="validate">
      <label for="password">Password</label>
    </div>
  </div>
  <div class="row">
    <div class="input-field col s12">
      <input id="email" type="email" name="email" class="validate">
      <label for="email">Email</label>
    </div>
  </div>
</template>

如果我有一个按钮，就说：

 <button id="client-search" class="someClass">Search</button>

如何从按钮单击触发模式？为这个愚蠢的问题道歉。

Answer 1

根据文档:在button data-target中指定Modal ID，向按钮添加modal-trigger类并注册触发器。请参阅http://materializecss.com/modals.html上的文档

HTML

<button id="client-search" class="modal-trigger">Search</button>

JavaScript

Template.my-form.onRendered({
  $('.modal-trigger').leanModal();
});

但是有一些警告: modals和dropdown在最新版本的Materialize on Meteor中不起作用，因为Meteor使用了一个疯狂的、过时的jQuery版本(如果不分支和重新打包您自己的Meteor发行版，似乎不可能更改Meteor的jquery版本)，而Materialize依赖于更新的jquery功能。我使用了一个老版本的Materialize来解决这个问题，特别是诗意的:Materialize-scss@1.97.1 (SASS版本的Materialize)。