?Mobiscroll是一個用于觸摸設備的日期和時間選擇器，它的使用不會改變HTML5、PhoneGap以及混合應用的原生用戶體驗。作為一款jQuery滑動選擇插件，用戶可以自定義主題樣式，為自己的移動項目UI組件添色。Mobiscroll支持所有主流平臺：iOS、Android、BlackBerry, Windows Phone 8以及Amazon Kindle。

??

它具有如下優點：
1.觸摸式UI界面
??? 在智能手機和平板的移動設備上，使用大量的手勢和觸摸與mobiscroll進行互動。
2.主題化
??? 完全的主體化。有各種各樣的主題，但是要經過簡單的額外定制以匹配設備中使用的主題。
3.整合插件
??? 在最受歡迎的MVVM框架和平臺中整合諸如Angular.JS, Knockout, Backbone, Bootstrap, Kendo UI等UI插件。
4.跨平臺
??? 真正的跨平臺和跨瀏覽器。可以在主流的移動和桌面瀏覽器上工作。支持iOS, Android, Windows Phone 8, Windows8, Blackberry, Amazon Kindle等平臺。
5.支持多種框架
??? 不管是使用jQuery, jQuery Mobile, Zepto.JS還是Intel App Framework，Mobiscroll都為上述四種框架提供完美支持。
6.用戶體驗
??? 所有的組件設計都密切關注用戶體驗和性能。高級控件不會讓用戶感到失望。

?

官網地址：http://www.mobiscroll.com/

在線例子：http://demo.mobiscroll.com/

下載地址：http://download.mobiscroll.com/

GIT托管地址：https://github.com/acidb/mobiscroll

最新2.17.0破解版下載：http://download.csdn.net/detail/shimiso/9260795

文檔API 地址：http://docs.mobiscroll.com/

?

代碼示例：

$(function?()?{??

????$('#demo').mobiscroll().treelist({??

????????theme:?'mobiscroll',//樣式??

????????display:?'bottom',//指定顯示模式??

????????fixedWidth:?[160,160,160],//三組滾動框的寬度??

????????placeholder:?'請選擇...',//空白等待提示??

????????lang:?'zh',?//語言??

????????mode:'scroller',//選擇模式??scroller??clickpick??mixed??

????????rtl:false,//按鈕是否靠右??

????????headerText:'',//頭部提示文字??

????????rows:5,//滾動區域內的行數??

????//??defaultValue:?['',?'',?''],//設置初始值??

????????labels:?['省',?'市',?'區'],??

????????showLabel:true,//是否顯示labels??

????????closeOnOverlay:false,//如果為ture覆蓋點擊將滾動條內數據將關閉遮罩層??

????????tap:true,??

????????onSelect:?function?(valueText,?inst)?{??

????????????var?val?=?inst.getVal();?//?Call?the?getVal?method???

????????????var?value?=?inst.getValue();?//???????????

????????????var?arryVal?=?inst.getArrayVal();???

????????????//alert(valueText);????

????????},??

????????formatResult:?function?(data)?{???????

????????????return?data[0]?+?'_'?+?data[1]+?'_'+?data[2];??

????????}??

???????????

????});??

??????

});??

?

也可以自定義樣式

轉載于:https://www.cnblogs.com/nifengs/p/5309640.html

總結

以上是生活随笔為你收集整理的Mobiscroll的介绍【一款兼容PC和移动设备的滑动插件】的全部內容，希望文章能夠幫你解決所遇到的問題。

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