JQuery Confirm确认框_道问苍天的博客

2.代码实现：

2.1 导入JS与CSS文件：

<link href="./css/jquery-confirm.min.css" rel="stylesheet" media="screen">
<script src="./js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="./js/jquery-confirm.min.js" type="text/javascript"></script>

2.2 HTML代码：

<button id="exportexcel" type="button" class="btn btn-primary" οnclick="expEXCEL('./product/expExcel')">导出Excel</button>
2.3 JS代码： 
function expEXCEL(url) {
    $.confirm({
        title: '确认',
        content: '确认把该搜索结果导出Excel表格?',
        type: 'green',
        icon: 'glyphicon glyphicon-question-sign',
        buttons: {
            ok: {
                text: '确认',
                btnClass: 'btn-primary',
                action: function() {
                    location.href = url; //指向下载资源（此处为目标文件的输出数据流）
            cancel: {
                text: '取消',
                btnClass: 'btn-primary'
} 注：expEXCEL( 
URL)函数可以根据需要设置，此处为下载Excel的确认弹出框，URL指向后台Controller层响应函数。 
$.confirm.defaults = {
 // 样式
 css: "http://static.qianduanblog.com/css/jquery.confirm/d
                                    jquery-confirm 是一个功能强大的jQuery对话框和确认框插件，使用起来非常的简单，我在使用的时候也遇到了一些问题，如何将按钮设置中文呢？查阅文档才知道，原来是通过下面的方式。 
效果如下： 
代码如下：<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Title</title
                                    官方地址及插件下载写H5页面，有几个按钮点击需跳出一张长图，占全屏，用scroll属性写出来pc鼠标滚轮可向下浏览，移动端点击无效。改用jquery-confirm插件，该插件包含各种弹框，比较灵活。根据我的需求，这样写$.alert({            title:false,            ...
    <meta charset="UTF-8">
    <title>普通提示框和确认提示框</title>
    <script src="js/jquery-1.11.1.js"></script>
    <style type="text/css">
        *{margin: 0;padding
                                    jquery-confirm组件包含两个资源文件，分别为：样式文件jquery-confirm.min.css和脚本文件jquery-confirm.min.js。jquery-confirm官网地址：https://craftpip.github.io/jquery-confirm/注：jquery-confirm依赖于jQuery，如果你还需要响应式布局，则还依赖Bootstrap。如果你的前端项目中还在使用jQuery，那么jquery-confirm是你模态弹窗的完美选择。
                                    1、下载引用jquery-confirm.min.css和jquery-confirm.min.js， 点击这里下载；
2、 使用confirm
$.confirm({
    title: '标题',  
    content: '弹框内容？',
    buttons: {
        确认: {   #按钮名称
            action: function (r) {  #...
 <link href="https://cdn.bootcss.com/jquery-confirm/3.3.4/jquery-confirm.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font...
                                    文章详情（附demo和下载）$(document).ready(function(){
    $('.item .delete').click(function(){
        var elem = $(this).closest('.item');
        $.confirm({
            'title': 'Delete Confirmati...
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/boots...