[TOC] ## 第51講_部分功能修正及完善 > 完整JS庫，支持功能如下： > 1、無刷新不跳轉 > 2、刪除信息彈出提示框，用戶確認后再刪除 ## 代碼如下： ~~~ // Layer插件無刷新顯示（當前頁面彈出信息提示框-無刷新） // 參考【雪狐CMS內容管理系統(PC+WAP+Android+IOS+微信版)】第10-11講 // 2018.05.04 $(document).on('submit','form[data-type=ajax]',function(obj){ // 獲取表單數據 var url = $(this).attr('action'); var data = $(this).serializeArray(); // 異步提交處理 $.ajax({ type:'POST', dataType:'json', url:url, data:data, success:function(obj){ var icon_num = (obj.status == 200) ? 1 : 2; if (obj.status == 200 || obj.status == 202) { // layer彈框信息 layer.open({ title:['溫馨提示','font-size:18px;font-weight:bold;color:green;'], content: obj.msg, btn: ['確認'], icon:icon_num, shade: 0, yes: function(index, layero){ if (obj.url) { location.href = obj.url; //跳轉指定地址 }else{ layer.close(index); } }, cancel: function(){ if (obj.url) { location.href = obj.url; //跳轉指定地址 }else{ layer.close(); } }, }); } }, error:function(obj){ layer.alert('網絡故障'); }, }); return false; }); // 融合TP自帶新開頁面跳轉與layer異步提交，實現簡單異步跳轉 // @參考雪狐網《雪狐CMS內容管理系統(PC+WAP+Android+IOS+微信版)》（第16講_自定義助手函數整合Layer插件） // @2018.5.8 BY mz-office $(document).ready(function(){ // 復選框iCheck插件 $('input[type="checkbox"]').on('ifChecked',function(){ $(this).val('1'); }); $('input[type="checkbox"]').on('ifUnchecked',function(){ $(this).val('0'); }); // 單選框iCheck插件 // $('input[type="radio"]').on('ifChecked',function(){ // $(this).val('1'); // }); // $('input[type="radio"]').on('ifUnchecked',function(){ // $(this).val('0'); // }); // 隱藏選項卡 $('.nav-tabs li').click(function(){ if ($(this).attr('id') != 'showtab') { $('#showtab').attr('style','display:none'); } }); // 刪除鏈接提示信息 $("a[name='delete']").click(function(){ // 獲取跳轉地址 var url = $(this).attr('href'); layer.confirm('您確定要刪除數據嗎',{icon:3, title:'提示'},function(index){ // 異步提交處理 $.ajax({ type:'POST', dataType:'json', url:url, data:null, success:function(obj){ var icon_num = (obj.status == 200) ? 1 : 2; if (obj.status == 200 || obj.status == 202) { // layer彈框信息 layer.open({ title:['溫馨提示','font-size:18px;font-weight:bold;color:green;'], content: obj.msg, icon:icon_num, btn: ['確認'], shade: 0, yes: function(index, layero){ if (obj.url) { location.href = obj.url; //跳轉指定地址 }else{ layer.close(index); } }, cancel: function(){ if (obj.url) { location.href = obj.url; //跳轉指定地址 }else{ layer.close(); } }, }); } }, error:function(obj){ layer.alert('網絡故障'); }, }); }); return false; }); }); ~~~