Javascript 为多个模态指定选项-具体化

我正在设计一个网页与2物化模态。我想为它们两个设置

dismissible:false

，但它似乎只适用于一个。关于如何指定设置选项的模式，文档非常模糊，目前它只适用于第一个模式。下面是我将dismissible选项设置为false的代码：

$(document).ready(function () {
    $('.modal-trigger').leanModal({
        dismissible: false
    });
});

以下是模态的html：

<div class="row">
    <div id="forgotPasswordPIN" class="modal col s10 offset-s1 m8 offset-m2 l6 offset-l3">
        <form name="emailForm" ng-submit="submitForm()" novalidate>
            <div class="modal-content">
                <h4>Forgot PIN/Password</h4>
                <span class="flow-text">Send PIN and password to: </span>
                <br />
                <br />
                <div class="input-field">
                    <input required id="email" type="text" style="font-size:175%;" name="email" ng-model="email" ng-minlength="2" ng-pattern="/[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/"/>
                    <label for="email" class="flow-text">Email</label>
                    <div ng-messages="emailForm.email.$error">
                        <div class="red-text" ng-message="required">This field is required</div>
                        <div class="red-text" ng-message="pattern">Invalid Email</div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <a href="#!" id="send" Text="Send"  ng-click="sendClick()" ng-show="emailForm.$valid" class="btn btn-success waves-effect waves-light">Send</a>
                <a class="btn disabled" ng-hide="emailForm.$valid">Send</a>
                <a href="" ng-click="cancelClick()" style="margin-right:25px;" class="blue-grey lighten-2 btn waves-effect waves-light">Cancel</a>
            </div>
        </form>
    </div>
</div>

<div id="bottomModal" class="modal bottom-sheet">
    <div class="modal-content">
        <h4 id="successTitle">Email Sent</h4>
        <p id="successContent">
            Your password will be sent to <span ng-bind="email"></span>.<br /> Please allow up to 10 minutes for the email to be received.
        </p>

        <h4 id="errorTitle">Invalid Email</h4>
        <p id="errorContent" class="red-text">
            Sorry, we do not recognize that email. Please try again.
        </p>
    </div>
</div>

忘记密码
将PIN和密码发送到：




电子邮件
此字段必填
无效电子邮件
发送电子邮件

您的密码将发送至。
请留出最多10分钟的时间接收电子邮件。

无效电子邮件

抱歉，我们无法识别该电子邮件。请再试一次。

如何指定设置选项的模式？提前谢谢

---

编辑：我的主要问题是，我以编程方式打开第二个，而不是使用锚定标记。在Materialize文档中，它显示设置选项的唯一方式是根据触发器或锚标记。因此，如果不使用实际触发器，我可能无法执行此操作。

您只需使用不同的类在不同的调用中初始化两个模态。为此，可以对每个参数使用不同的参数

$(document).ready(function () {
  $('.modal-trigger1').leanModal({
    dismissible: false
  });
 $('.modal-trigger2').leanModal({
    dismissible: false
  });
});
//Them:
<a class="modal-trigger1 waves-effect waves-light btn" href="#forgotPasswordPIN">Modal</a>
<a class="modal-trigger2 waves-effect waves-light btn" href="#bottomModal">Modal</a>

$（文档）.ready（函数（）{
$（'.model-trigger1'）.leanmodel({
可驳回：错误
});
$（'.model-trigger2'）.leanmodel({
可驳回：错误
});
});
//他们：

我知道这是不久前提出的问题，但可能其他人也有类似的问题

如果使用OP列出的模式选项，在用于打开模式的函数内，它将工作

例如：

  $('#bottomModal').openModal({
    dismissible: false
  });

---

所以，我的问题是，我不会用锚标签触发第二个。我从javascript以编程方式打开它。有没有办法不用第二个触发器就能做到这一点？