Android 水平滚动在phonegap中不起作用_Android_Html_Jquery Mobile_Cordova_Horizontal Scrolling

Android 水平滚动在phonegap中不起作用

android html jquery-mobile cordova

Android 水平滚动在phonegap中不起作用,android,html,jquery-mobile,cordova,horizontal-scrolling,Android,Html,Jquery Mobile,Cordova,Horizontal Scrolling,请检查我在代码中犯了什么错误，即我的水平滚动无法工作提前感谢在jquery中：- var step = 1; var current = 0; var maximum = $(".categories ul a").size(); var visible = 2; var speed = 500; var liSize = 120; var height = 60; var ulSize = liSize * maximum; var divSize = liSize *

请检查我在代码中犯了什么错误，即我的水平滚动无法工作提前感谢

在jquery中：-

      var step = 1;
var current = 0;
var maximum = $(".categories ul a").size();
var visible = 2;
var speed = 500;
var liSize = 120;
var height = 60;    
var ulSize = liSize * maximum;
var divSize = liSize * visible;

     $(document).unbind('pageinit').bind('pageinit', function () {    
          callMenuConnection(); 
           $('.categories').css("width", "auto").css("height", height+"px").css("visibility", "visible").css("overflow", "hidden").css("position", "relative");
           $(".categories ul a").css("list-style","none").css("display","inline");
           $(".categories ul").css("width", ulSize+"px").css("left", -(current * liSize)).css("position", "absolute").css("white-space","nowrap").css("margin","0px").css("padding","5px");      
      });

     $(document).unbind('click').bind('click', function () {

            scroll();
     });
       function callMenuConnection() {  

        $.support.cors = true;
           $.ajax({
                type: "GET",
                url: "http://192.162.1.205/EServices/retrieve.aspx?command=get_menu&outlet=RBC",
                contentType: "text/xml",
                dataType: "xml",
                data: "",
                cache:false,
                processData:false,
                crossDomain:true,
                success: processSuccess,
                error: processError
            }); 
      }
          var scripts ="";     
      function processSuccess(data) {
             $(data).find("category").each(function () {     
             var id = $(this).find('id').text();
             var title = $(this).find('title').text();



              scripts = scripts+'<span><a  data-role="button" data-transition="slide"  data-inline="true" >' +title+ '</a></span>';

            });

            $('#cat_list').append(scripts);
            $('#cat_list').trigger('create');

      }

         function processError(data)
           {
               alert("error");
           }

     function scroll(){           
       $(".cat_list_class").swipeleft(function(event){

    if(current + step < 0 || current + step > maximum - visible) {return; }
    else {
        current = current + step;
        $('.categories ul').animate({left: -(liSize * current)}, speed, null);
    }
    return false;
});

$(".cat_list_class").swiperight(function(){

    if(current - step < 0 || current - step > maximum - visible) {return; }
    else {
        current = current - step;
        $('.categories ul').animate({left: -(liSize * current)}, speed, null);
    }
    return false;
});         
}

var阶跃=1；
无功电流=0；
var最大值=$（“.a”）.size（）；
可见var=2；
无功转速=500；
var-liSize=120；
var高度=60；
var ulSize=LISSIZE*最大值；
var divSize=liSize*可见；
$（文档）.unbind（'pageinit'）.bind（'pageinit'，函数（）{
callMenuConnection（）；
$（'.categories'）.css（“宽度”，“自动”）.css（“高度”，高度+“px”）.css（“可见性”，“可见”）.css（“溢出”，“隐藏”）.css（“位置”，“相对”）；
$（“.categories ul a”）.css（“列表样式”、“无”）.css（“显示”、“内联”）；
$（“.categories ul”）.css（“width”，ulSize+“px”）.css（“left”，“current*liSize”）.css（“position”，“absolute”）.css（“white space”，“nowrap”）.css（“margin”，“0px”）.css（“padding”，“5px”）；
});
$（文档）。取消绑定（'click'）。绑定（'click'，函数（）{
滚动（）；
});
函数callMenuConnection（）{
$.support.cors=true；
$.ajax({
键入：“获取”，
url:“http://192.162.1.205/EServices/retrieve.aspx?command=get_menu&outlet=RBC",
contentType:“text/xml”，
数据类型：“xml”，
数据：“，
cache:false，
processData:false，
跨域：是的，
成功:成功,，
错误：processError
}); 
}
var脚本=”；
函数processSuccess（数据）{
$（数据）.find（“category”）.each（函数（）{
var id=$（this.find（'id'）.text（）；
var title=$（this.find（'title'）.text（）；
脚本=脚本+“”+标题+“”；
});
$（“#目录”）。追加（脚本）；
$（'cat#u list'）。触发器（'create'）；
}
函数processError（数据）
{
警报（“错误”）；
}
函数scroll（）{
$（“.cat\u list\u class”）.swipleft（函数（事件）{
如果（当前+步长<0 | |当前+步长>最大-可见）{return；}
否则{
电流=电流+阶跃；
$（'.categories ul'）.animate（{left:-（liSize*current）}，速度，null）；
}
返回false；
});
$（“.cat\u list\u class”）.swiperight（函数（）{
如果（当前-步长<0 | |当前-步长>最大-可见）{return；}
否则{
电流=电流-阶跃；
$（'.categories ul'）.animate（{left:-（liSize*current）}，速度，null）；
}
返回false；
});         
}

在html5中：-

  <div data-role="page" data-theme="b" id="jqm-home">            
            <div class="categories" id="cat">                
                <ul id="cat_list" class="cat_list_class"></ul>               
      </div>
    </div>

我终于找到了这些问题的答案

在HTML5中：-

 <div data-role="page" data-theme="b" id="jqm-home">    
      <div data-role="footer" data-position="fixed" data-theme="c">        
           <div  class="categories" id="cat">                
              <ul id="cat_list" class="cat_list_class"></ul>               
           </div>
      </div>    
</div>

在jquery中：-

 var step = 1;
 var current = 0;
   var maximum = 0;
  var visible = 2;
  var speed = 500;
 var liSize = 120;
 var height = 60;    
  var ulSize = liSize * maximum;
  var divSize = liSize * visible;

 $(document).unbind('pageinit').bind('pageinit', function () {    
      callMenuConnection(); 
       $('.categories').css("width", "auto").css("height", height+"px").css("visibility", "visible").css("overflow", "hidden").css("position", "relative");
       $(".categories ul a").css("list-style","none").css("display","inline");
       $(".categories ul").css("width", ulSize+"px").css("left", -(current * liSize)).css("position", "absolute").css("white-space","nowrap").css("margin","0px").css("padding","5px");      
  });

 $(document).unbind('click').bind('click', function () {
        scroll();
 });
   function callMenuConnection() {  
       $.support.cors = true;
       $.ajax({
            type: "GET",
            url: "one.html",
            contentType: "text/xml",
            dataType: "xml",
            data: "",
            cache:false,
            processData:false,
            crossDomain:true,
            success: processSuccess,
            error: processError
        }); 
  }
      var scripts ="";     
  function processSuccess(data) {
         $(data).find("category").each(function () {     
         var id = $(this).find('id').text();
         var title = $(this).find('title').text();
          scripts = scripts+'<a  class="ids_cat" data-role="button" data-transition="slide"  data-inline="true" >' +title+ '</a>';
        });
        $('#cat_list').append(scripts);
        $('#cat_list').trigger('create');
         maximum = $(".categories ul a").size();
  }

     function processError(data)
       {
           alert("error");
       }

 function scroll(){ 
 $(".categories").swipeleft(function(event){
  if(current + step < 0 || current + step > maximum - visible) {return; }
else {
    current = current + step;
    $('.categories ul').animate({left: -(liSize * current)}, speed, null);
}
return false;
});

    $(".categories").swiperight(function(event){
      if(current - step < 0 || current - step > maximum - visible) {return; }
        else {
        current = current - step;
         $('.categories ul').animate({left: -(liSize * current)}, speed, null);
     }
      return false;
  });         
  }

var阶跃=1；
无功电流=0；
var最大值=0；
可见var=2；
无功转速=500；
var-liSize=120；
var高度=60；
var ulSize=LISSIZE*最大值；
var divSize=liSize*可见；
$（文档）.unbind（'pageinit'）.bind（'pageinit'，函数（）{
callMenuConnection（）；
$（'.categories'）.css（“宽度”，“自动”）.css（“高度”，高度+“px”）.css（“可见性”，“可见”）.css（“溢出”，“隐藏”）.css（“位置”，“相对”）；
$（“.categories ul a”）.css（“列表样式”、“无”）.css（“显示”、“内联”）；
$（“.categories ul”）.css（“width”，ulSize+“px”）.css（“left”，“current*liSize”）.css（“position”，“absolute”）.css（“white space”，“nowrap”）.css（“margin”，“0px”）.css（“padding”，“5px”）；
});
$（文档）。取消绑定（'click'）。绑定（'click'，函数（）{
滚动（）；
});
函数callMenuConnection（）{
$.support.cors=true；
$.ajax({
键入：“获取”，
网址：“one.html”，
contentType:“text/xml”，
数据类型：“xml”，
数据：“，
cache:false，
processData:false，
跨域：是的，
成功:成功,，
错误：processError
}); 
}
var脚本=”；
函数processSuccess（数据）{
$（数据）.find（“category”）.each（函数（）{
var id=$（this.find（'id'）.text（）；
var title=$（this.find（'title'）.text（）；
脚本=脚本+“”+标题+“”；
});
$（“#目录”）。追加（脚本）；
$（'cat#u list'）。触发器（'create'）；
最大值=$（“.a”）.size（）；
}
函数processError（数据）
{
警报（“错误”）；
}
函数scroll（）{
$（“.categories”）.swipleft（函数（事件）{
如果（当前+步长<0 | |当前+步长>最大-可见）{return；}
否则{
电流=电流+阶跃；
$（'.categories ul'）.animate（{left:-（liSize*current）}，速度，null）；
}
返回false；
});
$（“.categories”）.SwiperRight（功能（事件）{
如果（当前-步长<0 | |当前-步长>最大-可见）{return；}
否则{
电流=电流-阶跃；
$（'.categories ul'）.animate（{left:-（liSize*current）}，速度，null）；
}
返回false；
});         
}

我终于找到了这些问题的答案

在HTML5中：-

 <div data-role="page" data-theme="b" id="jqm-home">    
      <div data-role="footer" data-position="fixed" data-theme="c">        
           <div  class="categories" id="cat">                
              <ul id="cat_list" class="cat_list_class"></ul>               
           </div>
      </div>    
</div>

在jquery中：-

 var step = 1;
 var current = 0;
   var maximum = 0;
  var visible = 2;
  var speed = 500;
 var liSize = 120;
 var height = 60;    
  var ulSize = liSize * maximum;
  var divSize = liSize * visible;

 $(document).unbind('pageinit').bind('pageinit', function () {    
      callMenuConnection(); 
       $('.categories').css("width", "auto").css("height", height+"px").css("visibility", "visible").css("overflow", "hidden").css("position", "relative");
       $(".categories ul a").css("list-style","none").css("display","inline");
       $(".categories ul").css("width", ulSize+"px").css("left", -(current * liSize)).css("position", "absolute").css("white-space","nowrap").css("margin","0px").css("padding","5px");      
  });

 $(document).unbind('click').bind('click', function () {
        scroll();
 });
   function callMenuConnection() {  
       $.support.cors = true;
       $.ajax({
            type: "GET",
            url: "one.html",
            contentType: "text/xml",
            dataType: "xml",
            data: "",
            cache:false,
            processData:false,
            crossDomain:true,
            success: processSuccess,
            error: processError
        }); 
  }
      var scripts ="";     
  function processSuccess(data) {
         $(data).find("category").each(function () {     
         var id = $(this).find('id').text();
         var title = $(this).find('title').text();
          scripts = scripts+'<a  class="ids_cat" data-role="button" data-transition="slide"  data-inline="true" >' +title+ '</a>';
        });
        $('#cat_list').append(scripts);
        $('#cat_list').trigger('create');
         maximum = $(".categories ul a").size();
  }

     function processError(data)
       {
           alert("error");
       }

 function scroll(){ 
 $(".categories").swipeleft(function(event){
  if(current + step < 0 || current + step > maximum - visible) {return; }
else {
    current = current + step;
    $('.categories ul').animate({left: -(liSize * current)}, speed, null);
}
return false;
});

    $(".categories").swiperight(function(event){
      if(current - step < 0 || current - step > maximum - visible) {return; }
        else {
        current = current - step;
         $('.categories ul').animate({left: -(liSize * current)}, speed, null);
     }
      return false;
  });         
  }

var阶跃=1；
无功电流=0；
var最大值=0；
可见var=2；
无功转速=500；
var-liSize=120；
var高度=60；
var ulSize=LISSIZE*最大值；
var divSize=liSize*可见；
$（文档）.unbind（'pageinit'）.bind（'pageinit'，函数（）{
callMenuConnection（）；
$（'.categories'）.css（“宽度”，“自动”）.css（“高度”，高度+“px”）.css（“可见性”，“可见”）.css（“溢出