layui 彈出刪除確認界面的實例
更新時間：2019年09月06日 10:42:42 作者：尋仙散人
今天小編就為大家分享一篇layui 彈出刪除確認界面的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
列表HTML：data-id="{$ls['sid']}" 和class=" del"
<td>
<a href="{:U('Single/single',['sid'=>$ls['sid']])}" rel="external nofollow" class="layui-btn layui-btn-mini">
編輯
</a>
<a href="javascript:;" rel="external nofollow" data-id="{$ls['sid']}" data-opt="del" class="layui-btn layui-btn-danger layui-btn-mini del">
刪除
</a>
</td>
js：
<script type="text/javascript">
layui.use('layer', function(){
var $ = layui.jquery;
// 刪除操作
$('a.del').click(function()
{
var sid = $(this).data('id');// 獲取點擊項的id
layer.confirm("確認要刪除嗎，刪除后不能恢復", { title: "刪除確認" }, function (index) {
$.post("{:U('Admin/Single/del')}", { sid: sid }, function (data)
{
var num = data.code==200 ? 1 : 2;
layer.msg(data.msg,{icon:num,shade:0.3,offset: '40%',time:2000});
//layer.close(index); //如果設(shè)定了yes回調(diào)，需進行手工關(guān)閉
setTimeout(function(){
//刷新
location.reload();
},1000);
});
});
})
})
</script>
以上這篇layui 彈出刪除確認界面的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了詳解組件庫的webpack構(gòu)建速度優(yōu)化，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
Bootstrap jquery.twbsPagination.js動態(tài)頁碼分頁實例代碼
這篇文章主要介紹了Bootstrap jquery.twbsPagination.js動態(tài)頁碼分頁實例代碼,需要的朋友可以參考下2017-02-02
這篇文章主要為大家分享了js窗口震動小程序,可設(shè)置抖動的頻率，范圍，和次數(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了JS中去掉array中重復元素的方法,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了js對象簡介與基本用法,結(jié)合實例形式分析了JavaScript對象的概念、功能、基本用法與操作注意事項,需要的朋友可以參考下2020-03-03
小程序：授權(quán)、登錄、session_key、unionId的詳解
這篇文章主要介紹了小程序：授權(quán)、登錄、session_key、unionId的詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
artdialog的圖片/標題以及關(guān)閉按鈕不顯示的解決方法
正如標題所言不顯示的原因是因其它css樣式文件中包含div{ overflow:hidden; }引起的artdialog的圖片以及關(guān)閉按鈕不顯示，具體的解決方法如下，感興趣的朋友可以參考下哈2013-06-06
這篇文章主要介紹了Javascript實現(xiàn)飛動廣告效果的方法,可實現(xiàn)廣告窗口的浮動顯示效果,且廣告窗口具有關(guān)閉功能,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細介紹了微信小程序日期時間選擇器的使用方法，自定義精確到分秒或時段，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-02-02
JS+CSS實現(xiàn)經(jīng)典的左側(cè)豎向滑動菜單效果
這篇文章主要介紹了JS+CSS實現(xiàn)經(jīng)典的左側(cè)豎向滑動菜單效果,涉及JavaScript響應(yīng)鼠標事件動態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09