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