仅当用户单击关闭btn时如何关闭Materialized模态?

最亮的西里乌斯

我只想在用户单击关闭按钮时关闭模式。我知道,如何在Bootstrap中执行此操作。您能协助实现吗?

希拉里

您可以自定义模式Materialise公司采用期权的行为,可以发现这里在页面的底部

将选项更改dismissiblefalse(模式插件默认情况下为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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当用户在 JQuery UI 中的模态对话框之外单击时,如何防止模态对话框关闭?

来自分类Dev

ionic2-仅当用户在Toast中单击“关闭”时才创建功能

来自分类Dev

当用户单击外部Popover时关闭Bootstrap Popover

来自分类Dev

当用户单击清除按钮时,关闭建议框

来自分类Dev

当用户单击页面其他位置时如何关闭自定义下拉菜单

来自分类Dev

单击主体时关闭模态

来自分类Dev

用户单击时如何关闭通知

来自分类Dev

当用户按下ESC按钮时,如何关闭提示?

来自分类Dev

当用户按下ESC按钮时,如何关闭提示?

来自分类Dev

当用户按下ESC按钮时,如何关闭提示?

来自分类Dev

当用户单击弹出窗口表面之外的页面上的任何位置时,如何关闭动态添加的弹出窗口?

来自分类Dev

当用户在模式窗口之外单击时,如何使用jquery关闭w3schools示例中的模式窗口?

来自分类Dev

当用户点击 recyclerView 时关闭键盘

来自分类Dev

firebase - 当用户关闭通知时

来自分类Dev

在外部单击时允许关闭模态

来自分类Dev

当用户单击批处理脚本中的关闭按钮时,我可以弹出消息吗?

来自分类Dev

当用户在其外部单击时关闭 WPF 对话框窗口

来自分类Dev

单击叠加或关闭按钮时是否关闭模态?

来自分类Dev

仅当我们在模态内容之外单击时,才关闭覆盖

来自分类Dev

在 iOS 上的模态 JS 之外单击时关闭模态

来自分类Dev

当仅单击html中的按钮时,如何关闭弹出窗口

来自分类Dev

打开时模态内的模态,仅先关闭 - Bootstrap

来自分类Dev

iOS在用户单击按钮时如何关闭屏幕

来自分类Dev

用户单击某项时如何关闭全屏菜单?jQuery的

来自分类Dev

如何通过在模态外部单击来关闭模态?

来自分类Dev

当用户触发操作表并将其关闭时,如何在文本字段上关闭键盘?

来自分类Dev

当用户触摸屏幕时,如何避免关闭AlertDialog.Builder对话框?

来自分类Dev

当用户点击文本框以外的其他区域时,如何关闭键盘?

来自分类Dev

当用户在SignalR Blazor中关闭浏览器时如何获得通知?

Related 相关文章

  1. 1

    当用户在 JQuery UI 中的模态对话框之外单击时,如何防止模态对话框关闭?

  2. 2

    ionic2-仅当用户在Toast中单击“关闭”时才创建功能

  3. 3

    当用户单击外部Popover时关闭Bootstrap Popover

  4. 4

    当用户单击清除按钮时,关闭建议框

  5. 5

    当用户单击页面其他位置时如何关闭自定义下拉菜单

  6. 6

    单击主体时关闭模态

  7. 7

    用户单击时如何关闭通知

  8. 8

    当用户按下ESC按钮时,如何关闭提示?

  9. 9

    当用户按下ESC按钮时,如何关闭提示?

  10. 10

    当用户按下ESC按钮时,如何关闭提示?

  11. 11

    当用户单击弹出窗口表面之外的页面上的任何位置时,如何关闭动态添加的弹出窗口?

  12. 12

    当用户在模式窗口之外单击时,如何使用jquery关闭w3schools示例中的模式窗口?

  13. 13

    当用户点击 recyclerView 时关闭键盘

  14. 14

    firebase - 当用户关闭通知时

  15. 15

    在外部单击时允许关闭模态

  16. 16

    当用户单击批处理脚本中的关闭按钮时,我可以弹出消息吗?

  17. 17

    当用户在其外部单击时关闭 WPF 对话框窗口

  18. 18

    单击叠加或关闭按钮时是否关闭模态?

  19. 19

    仅当我们在模态内容之外单击时,才关闭覆盖

  20. 20

    在 iOS 上的模态 JS 之外单击时关闭模态

  21. 21

    当仅单击html中的按钮时,如何关闭弹出窗口

  22. 22

    打开时模态内的模态,仅先关闭 - Bootstrap

  23. 23

    iOS在用户单击按钮时如何关闭屏幕

  24. 24

    用户单击某项时如何关闭全屏菜单?jQuery的

  25. 25

    如何通过在模态外部单击来关闭模态?

  26. 26

    当用户触发操作表并将其关闭时,如何在文本字段上关闭键盘?

  27. 27

    当用户触摸屏幕时,如何避免关闭AlertDialog.Builder对话框?

  28. 28

    当用户点击文本框以外的其他区域时,如何关闭键盘?

  29. 29

    当用户在SignalR Blazor中关闭浏览器时如何获得通知?

热门标签

归档