Layui給switch添加響應(yīng)事件的例子
今天做項(xiàng)目時(shí)，遇到layui中的switch，需要給這個(gè)開(kāi)關(guān)添加事件，也就是當(dāng)你點(diǎn)擊是會(huì)彈框提示
成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括新都網(wǎng)站建設(shè)、新都網(wǎng)站制作、新都網(wǎng)頁(yè)制作以及新都網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃等。多年來(lái)，我們專(zhuān)注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，新都網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶(hù)以成都為中心已經(jīng)輻射到新都省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶(hù)的支持與信任！
剛開(kāi)始我用傳統(tǒng)的處理方法，直接給它添加個(gè)js事件，到最后會(huì)發(fā)現(xiàn)，沒(méi)響應(yīng)，于是我查文檔，逛論壇終于找到一個(gè)解決辦法，代碼如下
//開(kāi)關(guān)
//js處理
layui.use(['form', 'jquery', 'layer'], function () {
var form = layui.form;
var jquery = layui.jquery;
var layer = layui.layer;
//監(jiān)聽(tīng)開(kāi)關(guān)事件
form.on('switch(switchTest)', function (data) {
var contexts;
var x = data.elem.checked;//判斷開(kāi)關(guān)狀態(tài)
if (x==true) {
contexts = "你確定要啟動(dòng)么";
} else {
contexts = "你確定要關(guān)閉么";
}
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 開(kāi)啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉
}
, cancel: function () {
//右上角關(guān)閉回調(diào)
data.elem.checked = !x;
form.render();
//return false 開(kāi)啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉
}
});
return false;
});
});
哈哈，總之，既然用人家layui框架，就要準(zhǔn)守人家的規(guī)矩！任何事件都要監(jiān)聽(tīng)的，單純的寫(xiě)js事件是沒(méi)反應(yīng)的，監(jiān)聽(tīng)事件要寫(xiě)在 layui.use（{}）中。
以上這篇Layui給switch添加響應(yīng)事件的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。
網(wǎng)頁(yè)名稱(chēng)：Layui給switch添加響應(yīng)事件的例子
本文鏈接：http://www.jiaotiyi.com/article/ipjdog.html