jquery - 将项目从模态拖到页面上
问题描述
是否可以将项目从 jquery 模式弹出窗口拖到页面上。
我使用的模态是我在 codepen 上找到的基本模态:https ://codepen.io/brandonb927/pen/wJaIi
html
<div class="wrapper">
<h1>Simple jQuery Modal</h1>
<button class="modal-toggle">Show modal</button>
</div>
<div class="modal">
<div class="modal-overlay modal-toggle"></div>
<div class="modal-wrapper modal-transition">
<div class="modal-header">
<button class="modal-close modal-toggle"><svg class="icon-close icon" viewBox="0 0 32 32"><use xlink:href="#icon-close"></use></svg></button>
<h2 class="modal-heading">This is a modal</h2>
</div>
<div class="modal-body">
<div class="modal-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit eum delectus, libero, accusantium dolores inventore obcaecati placeat cum sapiente vel laboriosam similique totam id ducimus aperiam, ratione fuga blanditiis maiores.</p>
<button class="modal-toggle">Update</button>
</div>
</div>
</div>
</div>
jQuery
$('.modal-toggle').on('click', function(e) {
e.preventDefault();
$('.modal').toggleClass('is-visible');
});
解决方案
推荐阅读
- flutter - 处置后使用了 ClassBlock。一旦你在 ClassBlock 上调用了 dispose(),就不能再使用它了
- css - 有没有办法在 sass 的地图中存储 mixins
- wpf - 如何使线条占据其所在列的全宽(UWP)
- c++ - 使用 c++ 线程构建管道结构
- c++ - DC.DrawText 具有不同的字体属性但相同的字体
- html - Row 使 Contact Form 7 字段不可点击
- java - Hibernate:Kotlin 数组到 Java 数组
- c# - 引导程序 WPF(C#) .cs 中未处理的 IO 错误
- python - 在子目录而不是 admin.py 中定义 Django 管理模型
- azure-function-app - Azure 函数 2.0 是否支持 System.Drawing?