如何在用户点击关闭btn时关闭Materialize模态？

Question

我想在用户点击关闭按钮时关闭模态.我知道,如何在Bootstrap中执行此操作.你能帮到Materialize吗？

Answer 1

您可以使用选项自定义Materialise模式的行为,可在此处的页面底部找到

将选项更改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>

Answer 2

您可以使用以下代码关闭模式：

$('#modalname').closeModal(); or  $('#modalname').modal('close');

Answer 3

$(document).ready(function(){ $('#modal1').openModal({ dismissible:false }); });

试试这个它对我有用