两次手势后向左滑动即被解雇

Question

我正在使用Worklight 6.2。

我已经编写了以下jQuery移动代码来打开一个面板：

$(document).ready(
        function() {    
             $("div[data-role='page']").on("swipeleft", function(){
             openPanel();
        });

function openPanel(){
    $('#navpanel').panel("open");
}

但是，只有当我向左滑动两次时，面板才会打开。我已经在document.ready（）块中的index.html文件中编写了这段代码。

Answer 1

按照以下说明，对我来说工作正常 也就是说，只需轻扫1次即可显示面板。

1. 使用jQuery Mobile 1.4.4（通过关注向导）
创建了一个新的Worklight项目和应用程序

2. 将common {index.html中的BODY更改为：

                应用标题                   点击打开面板，或向左滑动...     

   <div data-role="panel" id="mypanel" data-display="push">
       my panel
   </div>
   

3. 将常用的\ js \ main.js更改为：

   function wlCommonInit(){
       $("div[data-role='page']").on("swipeleft", function(){
           openPanel();
       });
   }
   
   function openPanel(){
       $('#mypanel').panel("open");
   }
   

在iPhone 5s + iOS8上测试。