Remodal—漂亮的jquery模态响应弹出遮罩层

最新推荐文章于 2022-05-01 22:43:05 发布

amohan

最新推荐文章于 2022-05-01 22:43:05 发布

阅读量257

点赞数

分类专栏：网站模版文章标签： jquery javascript ecmascript

原文链接：https://yy123.ink/frontDetail/12999

版权

网站模版专栏收录该内容

3170 篇文章 30 订阅

订阅专栏

下载地址

平坦,响应迅速、轻量级、快速、方便可自定义模态窗口插件与声明性符号和散列跟踪状态。添加头部文件

为模态定义背景容器(模糊)等的影响。它可以是任何简单的内容包装:

...All your content...

现在创建一个模态对话框:

Remodal

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.

Cancel OK

所以,现在你可以称之为一个散列:Call the modal with data-remodal-id="modal"你可以通过附加选项data-remodal-options属性。必须有效的JSON数据

Remodal

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.

Cancel OK

打开一个模态没有一个散列,使用data-remodal-target属性。Call the modal with data-remodal-id="modal"事件 (document).on("open", ".remodal", function () { var modal = $(this);});$(document).on("opened", ".remodal", function () { var modal = $(this);});$(document).on("close", ".remodal", function () { var modal = $(this);});$(document).on("closed", ".remodal", function () { var modal = $(this);});$(document).on("confirm", ".remodal", function () { var modal = $(this);});$(document).on("cancel", ".remodal", function () { var modal = $(this);});很酷的兄弟!但我不喜欢声明性样式! 不要使用id属性,如果你不想让浏览器滚动锚点。