通過JS設定MUI中Switch開關的狀態
MUI官方文件中只說了toggle()函式可以切換開關的狀態,並未提及如何通過js直接設定開關的初始狀態。實際上開關是否開啟,是通過開關div上的mui-active樣式類來控制的,即如果有這個樣式類則開關處於開啟狀態,否則為關閉。於是可以通過JS維護classList即可,HTML程式碼如下:
<div class="mui-switch mui-switch-blue mui-switch-mini" id="vibrationSwitch">
<div class="mui-switch-handle"></div>
</div >
JS程式碼如下:
if (isSwitchOn)
{
document.getElementById("vibrationSwitch").classList.add('mui-active');
}
else
{
document.getElementById("vibrationSwitch").classList.remove('mui-active');
}
話說,MUI官方文件總是感覺不那麼細緻,遇到官方文件中未提及的情況時,我們只能自己去多加分析和嘗試了。
相關推薦
通過JS設定MUI中Switch開關的狀態
MUI官方文件中只說了toggle()函式可以切換開關的狀態,並未提及如何通過js直接設定開關的初始狀態。實際上開關是否開啟,是通過開關div上的mui-active樣式類來控制的,即如果有這個樣式類則開關處於開啟狀態,否則為關閉。於是可以通過JS維護classList即可,HTML程式碼如
小胖說事36----iOS通過js 獲取webview中的html內容
1)設定UIWebView delegate 2)在 - (void)webViewDidFinishLoad:(UIWebView *)webView { }中 執行如下程式碼 : NSString *jsToGetHTMLSource =
通過js為頁面中的checkbox賦值(二)
function checkTheBox(typeStr){ var cbArray = new Array; cbArray = typeStr.split(",
通過js替換div中的字串
從後臺查詢出來的資料顯示在前端,不用EL表示式,直接在js中替換一下 就好了,效果一樣的 html程式碼 <div class="fxcp-type" id="risk"> <p class="fxcp-type-
通過js獲取 jsp 中的值
<a> a標籤內容如下 <a class="btn btn-info btn-sm" href="javascript:void(0)" data-edits="${adStati
元素通過js設定寬高
html程式碼中用到object元素,但想通過js設定寬高。 如果在head中設定,會不起作用。 必須放到object後面才行。比如: <html> <head></
JSP表單隱藏域通過JS設定
HTML <form action="login.jsp" method="post" id="data"> <input type="button" value=
js設定ios中微信瀏覽器的title
說到web前端,瀏覽器差異是不可迴避的問題,這次在專案就遇到下面的問題: 微信導航欄的內容是直接拿的專案中title來設定的。但是現在做的專案是一個單頁應用,整個頁面只會在第一次完全重新整理,後面只會
mui switch 開關js控制打開 & Cannot read property 'toggle' of null
code UNC switch attr span bsp att pro cannot //打開開關 mui(‘#mySwitch‘).switch().toggle(); //小開關打開異常的情況解決辦法$(".mui-switch-handle").attr("sty
通過js中的useragrent來判斷設備是pc端還是移動端,跳轉不同的地址
lenovo err agent indexof pad ren phi mobile 手機 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|L
js或jQuery中 郵箱跳轉的問題,跳轉到指定郵箱(通過layui的ifram實現)
按鈕 字符 新浪郵箱 實現 分享 顯示 最小化 span jquer 對剛做的東西記個筆記 如果遇到同樣問題解決起來又問題的歡迎留言 var emailtext = $("#TextBoxEmail").val();//獲得要截取的值
js怎麼通過class獲取div中的attr的值
求助:怎麼根據class類名,獲取樣式中display中的值啊?萬分感謝!! 補充解答: $(".window-shadow").css("display");(使用類選擇器) 該例項中涉及到子視窗和父視窗的知識 倘若設計了
layui switch 開關監聽 彈出確定狀態轉換
參考文章地址:https://www.cnblogs.com/yysbolg/p/9139631.html 下面他的程式碼和用在我的框架下的程式碼例項: <html lang="en"> <head> <meta charset="U
JS設定僅在微信瀏覽器中開啟h5介面
對瀏覽器的UserAgent進行正則匹配,不含有微信獨有標識的則為其他瀏覽器 主要是對適配的時候進行操作, 判斷是微信瀏覽器(想區別谷歌和safari瀏覽器),但是注意這組正則匹配微信瀏覽器的(mo
element中通過js觸發按鈕的點選事件
vue: <el-button type="primary" @click="dataDocking2()">批量處理</el-button>(通過總按鈕來觸發下邊表格按鈕的事件) <el-table :data="dataDocki
通過css和js設定內容不確定的兩行文字兩端對齊
效果如圖所示: 思路: 1.先通過css樣式設定兩行兩端對齊,但是會有一個問題,隨著兩行的內容的不確定,沒辦法固定兩行的寬度,通過第二步解決 首先元素新增如下宣告達不到效果 text-align: justify; 然後對元素的父元素新增宣告 注意:(只給元
同一域名下不同path下通過js中獲取域名下的cookie,拿不到cookie值
在前端開發過程中通過js設定/獲取cookie,有時候會碰到這個問題 域名:abc.com 通過以下程式碼設定cookie var date=new Date(); //獲取當前時間 var expiresDays=time; //將date設定為n天以後的時間 da
checkbox屬性checked="checked"通過js已設定,但是不勾選
使用jquery實現全選功能,jquery版本是1.11.1 $("input[type=checkbox][name='check_item']").attr('checked', true); 結果發現第一次是全部勾選了,然後取消,再全選,所有的複選框都沒有被勾選,用d
記 elementui switch開關中顯示文字問題
我想要的效果 官網提供的效果 程式碼: HTML <el-table-column label="對市場公開" width=""> <template slot-scope="scope">
在vue專案中使用md5.js及base64.js 設定cookie
MD5單向加密,不可解密 base64可加可解 轉載: https://blog.csdn.net/qq_35844177/article/details/70597597 https://blog.csdn.net/qq_32113629/article/deta