jquery弹窗插件

以下是几款常用的 jQuery 弹窗插件及其特点，可根据需求选择适合的方案：

SweetAlert2

• 高度自定义的弹窗插件，支持图标、按钮、输入框等功能。
• 设计现代化，动画效果流畅。
• 支持 Promise 语法，便于处理用户交互。

  Swal.fire({
  title: '提示',
  text: '操作成功完成',
  icon: 'success'
  });

Magnific Popup

• 轻量级响应式弹窗插件，支持图片、视频、iframe 等内容。
• 提供丰富的过渡动画效果。
• 支持全屏模式和画廊模式。

  $('.popup-link').magnificPopup({
  type: 'image'
  });

jQuery Modal

• 简单易用的模态框插件，支持 AJAX 加载内容。
• 可通过 CSS 完全自定义样式。
• 支持键盘事件控制（ESC 关闭）。

  $('#dialog').modal();

Bootstrap Modal

• 需配合 Bootstrap 框架使用，提供标准模态框组件。
• 支持多种尺寸和垂直居中显示。
• 内置动画效果和事件回调。

  <div class="modal fade" id="exampleModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- 内容区 -->
    </div>
  </div>
  </div>

Toastr

• 专注于通知类弹窗（toast 提示）。
• 支持四种状态：success、error、warning、info。
• 可配置显示位置和停留时间。

  toastr.success('操作成功');

选择建议

• 需要高度自定义选择 SweetAlert2
• 媒体展示需求优先考虑 Magnific Popup
• 已有 Bootstrap 项目直接使用内置 Modal
• 简单通知场景适用 Toastr

所有插件均需先引入 jQuery 库，部分插件可能需要额外 CSS 文件。具体使用请参考各插件的官方文档获取最新配置参数。