每天學一點layui之Tab選項卡

2021-09-02 05:22:24 字數 710 閱讀 1924

layui官網對tab選項卡的介紹比較簡單

3個重要的樣式缺一不可:layui-tab layui-tab-title layui-tab-content

內容1內容2內容3

內容4內容5

這是最基本的切換功能,如果想要更加靈活的運用好tab選項,就必須要了解layui裡面的element模組。

首先給帶有layui-tab樣式的元素新增lay-filter屬性值,接下來就可以通過element對tab進行一系列的操作了;

element.tabdelete(filter, layid);刪除指定(傳lay-id屬性值)tab選項,這個沒什麼好說的

element.tabchange(filter, layid);切換到指定的tab選項

div class="layui-side" >

js**

layui.use(['element','jquery'], function())

} else

})if (isdata == false) )}}

//最後不管是否新增tab,最後都轉到要開啟的選項頁面上

element.tabchange('xbs_tab',dataid.attr('data-id'))

});})

每天學一點(一)

記錄學習內容 js中對於函式的建立,在使用函式表示式和函式宣告相結合時,正確寫法為 var sum function sum a,b console.log sum 1,2 輸出3 若定義的變數和函式名稱書寫不一致,則會產生錯誤。var sum1 function sum2 a,b console....

每天學一點6

1.void運算子 作用於任何值都將返回undefined,常用遮蔽超連結的返回值 舉例 鳳凰網 2.window.prompt 彈出乙個輸入對話方塊 語法格式 prompt text defaulttext 引數說明 text 提示資訊 defaulttext 是可選項,是輸入框中預設顯示的文字 ...

每天學一點Python

9月11日 1.用list實現python裡的?條件表示式 false true 判斷條件 其實就是乙個list 0 還是list 1 的問題。條件成立就是list 1 不成立就是list 0 非常簡單。2.用python寫乙個氣泡排序 def mysort list for j in range ...