參數：

theme是指主題

display：bottom 是指彈出框的位置，分別可以使用top,bottom,inline來定義，這里解釋一下inline的用法:inline的話就可以實現頁面一加載就能看到這個彈出框，如果使用top和bottom,則必須使得輸入框獲得焦點才可以彈出。

lang: "zh" 選擇語言

rows：3 顯示出來的行數

setText:"確定" 確定按鈕的文字

cancelText: "取消" 取消按鈕的文字

headerText：組件頭部說明的文字

defaultValue：文本框默認值

?

假如有一個列表需要滑動

<ul id="swiperul">
<li>茶令</li>
<li>戶外申時茶會</li>
<li>茶令</li>
<li>戶外申時茶會</li>
<li>茶令</li>
<li>戶外申時茶會</li>
</ul>

引入js和css

?

$("#swiperul").mobiscroll().treelist({
theme: "android-ics light",
lang: "zh",
display: 'inline',
rows:3
});

就可以滑動

如不要文本框可以設置為hidden或display隱藏

樣式可自行修改

.dw-i 設置需要滑動的文字樣式

?

轉載于:https://www.cnblogs.com/SunSong/p/6951037.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的JQ插件 jquery mobiscroll的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。