对话框/Tips

兼容IE8精美jQuery确认框插件

阿里云

jquery-confirm-action 是一款兼容 IE8 浏览器的精美 jQuery 模态确认框插件。该 jQuery 确认框插件使用简单,确认框中的内容可以完全自定义,并且它兼容 IE8 以上的浏览器,是一款非常实用的确认框插件。

使用方法:

使用该确认框插件需要引入 jQuery 和 jquery.confirm-action.js 文件。

也想出现在这里?联系我们
创客主机
  1. <script type="text/javascript" src="js/jquery.min.js"></script>
  2. <script type="text/javascript" src="js/jquery.confirm-action.js"></script>

调用确认框:

该确认框的基本使用方法如下:

  1. $('.my-button').confirmAction({
  2.     title: {
  3.         text: '标题!'
  4.     },
  5.     message: {
  6.         text: '你确定要删除这个文件吗?'
  7.     }
  8. });

下面是该确认框的高级使用方法。在 html 参数中可以嵌入 HTML 标签。另外可以使用了 font-awesome 等字体图标字体图标,使用时需要引入相关文件。

  1. $('.my-button').confirmAction({
  2.     title: {
  3.         html: [
  4.             '<i class="fa fa-warning"></i><br />',
  5.             'Stop right there!'
  6.         ],
  7.         style: 'danger'
  8.     },
  9. message: {
  10.         html: 'are you sure?'
  11.     },
  12.     actions: {
  13.         confirm: {
  14.             text: 'Go Ahead',
  15.             callback: function(confirm, cancel) {
  16.                 confirm();
  17.             }
  18.         }
  19.     }
  20. });

确认框的 CSS 样式内嵌在 jquery.confirm-action.js 文件中,需要时可以自行修改。

兼容 IE8 精美 jQuery 确认框插件

已有 443 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!