Webix日历插件禁用Android上的滚动和滑动

时间:2014-07-25 14:24:10

标签: javascript jquery cordova webix

我正在使用phonegap开发移动应用程序,我需要使用日历插件。我发现了这个很棒的但它会禁用我的滚动和滑动事件。我虽然在调用javascript文件的顺序是一个问题但我试图移动它没有运气。

这是插件:http://webix.com/demo/calendar/fullscreen/

我的初始化如下:

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>

<script type="text/javascript" src="jquery.mobile-1.4.3.js"></script>
<script type="text/javascript" src="webix.js"></script>
<script type="text/javascript" src="js/index.js"></script>

index.js:

    $(document).ready(function(){
        app.initialize();
    });

    var app = {

            initialize: function() {
                this.bindEvents()
            },

            bindEvents: function() {
                document.addEventListener('deviceready', this.onDeviceReady, false)
                $(document).on("pageshow", app.onDeviceReady);              
            },

            onDeviceReady: function() {
                app.receivedEvent('deviceready')
            },

            receivedEvent: function(id){

                    webix.ui({
                        view:"window",
                        height:350,
                        width:$(window).width(),
                        left:0, top:40,
                        move:true,
                        head:"Calendar",
                        body:{
                            weekHeader:true,
                            view:"calendar",
                            events:webix.Date.isHoliday,
                            width:0,
                            height:0,
                            monthSelect:false
                        }
                    }).show();
        }
});

现在,如果我有足够大的东西来触发溢出,它会让我上下滚动但是只要我插入<script type="text/javascript" src="webix.js"></script>,滚动就会停止工作。滑动相同。

任何帮助都会被贬低。

1 个答案:

答案 0 :(得分:2)

在页面上加载Webix库后添加下一行

webix.Touch.disable(); 

它可以防止任何触摸和滚动处理的改变。