欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Web之-----弹出确认框控件应用

程序员文章站 2022-07-09 20:29:15
引用文件!

引用文件!--------

<link rel="stylesheet" type="text/css" href="@url.fronturl().themefileurl("assets/plugins/jqueryconfirm/css/jq22-demo.css",true)">
<link rel="stylesheet" href="@url.fronturl().themefileurl("assets/plugins/jqueryconfirm/demo/libs/default.min.css",true)">
<link rel="stylesheet" href="@url.fronturl().themefileurl("assets/plugins/jqueryconfirm/demo/demo.min.css",true)">
<link rel="stylesheet" type="text/css" href="@url.fronturl().themefileurl("assets/plugins/jqueryconfirm/css/jquery-confirm.css",true)" />
<script src="@url.fronturl().themefileurl("assets/plugins/jqueryconfirm/js/jquery.sticky.min.js",true)"></script>
<script src="@url.fronturl().themefileurl("assets/plugins/jqueryconfirm/demo/libs/pretty.js",true)"></script>
<script type="text/javascript" src="@url.fronturl().themefileurl("assets/plugins/jqueryconfirm/js/jquery-confirm.js",true)"></script>

js代码!--------

$.confirm({
            title: "标题", //false 标识去掉标题
            content: '确认删除该信息?',
            confirm: function () {//点击确认 ajax请求后台
          $.ajax({
                    type: 'post',
                    url: "@request.rawurl",
                    datatype: "json",
                    data: { guid: '@guid', op: 'deletedata', uuid: item.uuid }
                  }).done(function (response) {
                    if (!response.success) {}
                });       }, cancel: function () {//点击取消不做任何操作 }
})

Web之-----弹出确认框控件应用

 

 

!---------------------------------------------------------------------------------------------------

控件下载地址:https://pan.baidu.com/s/167g5ochfglt-lxx-bc8s0a