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

??

它具有如下優(yōu)點：
1.觸摸式UI界面
??? 在智能手機和平板的移動設(shè)備上，使用大量的手勢和觸摸與mobiscroll進行互動。
2.主題化
??? 完全的主體化。有各種各樣的主題，但是要經(jīng)過簡單的額外定制以匹配設(shè)備中使用的主題。
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.用戶體驗
??? 所有的組件設(shè)計都密切關(guān)注用戶體驗和性能。高級控件不會讓用戶感到失望。

?

官網(wǎng)地址：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,//滾動區(qū)域內(nèi)的行數(shù)??

????//??defaultValue:?['',?'',?''],//設(shè)置初始值??

????????labels:?['省',?'市',?'區(qū)'],??

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

????????closeOnOverlay:false,//如果為ture覆蓋點擊將滾動條內(nèi)數(shù)據(jù)將關(guān)閉遮罩層??

????????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];??

????????}??

???????????

????});??

??????

});??

?

也可以自定義樣式

轉(zhuǎn)載于:https://www.cnblogs.com/nifengs/p/5309640.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。