今天做項目時,遇到layui中的switch,需要給這個開關添加事件,也就是當你點擊是會彈框提示
成都創(chuàng)新互聯(lián)公司服務項目包括新都網(wǎng)站建設、新都網(wǎng)站制作、新都網(wǎng)頁制作以及新都網(wǎng)絡營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案,新都網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務的客戶以成都為中心已經(jīng)輻射到新都省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!
剛開始我用傳統(tǒng)的處理方法,直接給它添加個js事件,到最后會發(fā)現(xiàn),沒響應,于是我查文檔,逛論壇終于找到一個解決辦法,代碼如下
<input type="checkbox" name="zzz" lay-skin="switch" lay-filter="switchTest" lay-text="開啟|關閉" checked="checked">//開關 //js處理 layui.use(['form', 'jquery', 'layer'], function () { var form = layui.form; var jquery = layui.jquery; var layer = layui.layer; //監(jiān)聽開關事件 form.on('switch(switchTest)', function (data) { var contexts; var x = data.elem.checked;//判斷開關狀態(tài) if (x==true) { contexts = "你確定要啟動么"; } else { contexts = "你確定要關閉么"; } layer.open({ content: contexts , btn: ['確定', '取消'] , yes: function (index, layero) { data.elem.checked = x; form.render(); layer.close(index); //按鈕【按鈕一】的回調(diào) } , btn2: function (index, layero) { //按鈕【按鈕二】的回調(diào) data.elem.checked = !x; form.render(); layer.close(index); //return false 開啟該代碼可禁止點擊該按鈕關閉 } , cancel: function () { //右上角關閉回調(diào) data.elem.checked = !x; form.render(); //return false 開啟該代碼可禁止點擊該按鈕關閉 } }); return false; }); });
哈哈,總之,既然用人家layui框架,就要準守人家的規(guī)矩!任何事件都要監(jiān)聽的,單純的寫js事件是沒反應的,監(jiān)聽事件要寫在 layui.use({})中。
以上這篇Layui給switch添加響應事件的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。
分享題目:Layui給switch添加響應事件的例子
本文來源:http://m.rwnh.cn/article6/ipjdog.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供域名注冊、網(wǎng)站改版、微信公眾號、網(wǎng)站策劃、定制開發(fā)、移動網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)