溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天做項目時，遇到layui中的switch，需要給這個開關添加事件，也就是當你點擊是會彈框提示
剛開始我用傳統的處理方法，直接給它添加個js事件，到最后會發現，沒響應，于是我查文檔，逛論壇終于找到一個解決辦法，代碼如下
<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;
//監聽開關事件
form.on('switch(switchTest)', function (data) {
var contexts;
var x = data.elem.checked;//判斷開關狀態
if (x==true) {
contexts = "你確定要啟動么";
} else {
contexts = "你確定要關閉么";
}
layer.open({
content: contexts
, btn: ['確定', '取消']
, yes: function (index, layero) {
data.elem.checked = x;
form.render();
layer.close(index);
//按鈕【按鈕一】的回調
}
, btn2: function (index, layero) {
//按鈕【按鈕二】的回調
data.elem.checked = !x;
form.render();
layer.close(index);
//return false 開啟該代碼可禁止點擊該按鈕關閉
}
, cancel: function () {
//右上角關閉回調
data.elem.checked = !x;
form.render();
//return false 開啟該代碼可禁止點擊該按鈕關閉
}
});
return false;
});
});
哈哈，總之，既然用人家layui框架，就要準守人家的規矩！任何事件都要監聽的，單純的寫js事件是沒反應的，監聽事件要寫在 layui.use（{}）中。
以上這篇Layui給switch添加響應事件的例子就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
