2

我正在使用 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>滚动停止工作。滑动也一样。

任何帮助将不胜感激。

4

1 回答 1

2

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

webix.Touch.disable(); 

它将防止触摸和滚动处理的任何更改。

于 2014-07-26T10:00:38.743 回答