modal-dialog - 仅当用户单击关闭btn时，如何关闭Materialized模态？

Question

我只想在用户单击关闭按钮时关闭模式。我知道，如何在Bootstrap中执行此操作。您可以帮助实现吗？

Answer 1

您可以使用“选项”来自定义“物化”模态的行为，该选项可以在页面底部的Here中找到。

将选项dismissible更改为false(默认情况下在模式插件中为true)，以便仅在单击close按钮时关闭模式。

$('.modalselector').leanModal({
      dismissible: false
);

模态示例

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

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>
<!-- Modal Trigger -->
<a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>

<!-- Modal Structure -->
<div id="modal1" class="modal">
  <div class="modal-content">
    <h4>Modal Header</h4>
    <p>A bunch of text</p>
  </div>
  <div class="modal-footer">
    <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Close</a>
  </div>
</div>