2013-03-27 47 views
0

我是一个新的Android ..我在Html中创建了一个项目...它运行完全我想要的..我想在android模拟器中运行这个html项目。 .i不知道是什么原因.....设计是在Android模拟器....但拖放只是不能在Android模拟器工作..我用phonegap运行的HTML代码..如果你知道事先请电话me..Thanks .. 这是我的HTML(jQuery代码)Html(jquery)拖放不工作在AndroidEmulator

<!DOCTYPE html> 
    <html> 
    <head> 
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
     <title> - jsFiddle demo by scaillerie</title> 
     <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script> 
     <link rel="stylesheet" type="text/css" href="/css/normalize.css"> 


     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.js"></script> 


     <link rel="stylesheet" type="text/css" href="/css/result-light.css"> 

     <style type='text/css'> 
     .ui-layout-center { 
     width: 400px; 
     height: 300px; 
     border: 1px solid black; 
    } 

    .ui-state-hover { 
     background-color: #f9ffff; 
    } 

     </style> 



    <script type='text/javascript'>//<![CDATA[ 
    $(window).load(function(){ 
    jQuery(function() { 
     jQuery(".component").draggable({ 
      // use a helper-clone that is append to 'body' so is not 'contained' by a pane 
      helper: function() { 
       return jQuery(this).clone().appendTo('body').css({ 
        'zIndex': 5 
       }); 
      }, 
      cursor: 'move', 
      containment: "document" 
     }); 

     jQuery('.ui-layout-center').droppable({ 
      activeClass: 'ui-state-hover', 
      accept: '.component', 
      drop: function(event, ui) { 
       if (!ui.draggable.hasClass("dropped")) 
        jQuery(this).append(jQuery(ui.draggable).clone().addClass("dropped").draggable()); 
       } 
      }); 
     }); 
    });//]]> 

    </script> 


    </head> 
    <body> 
     <div class="component">Element 1</div> 
    <div class="component">Element 2</div> 

    <div class="ui-layout-center"> </div> 


    </body> 


    </html> 

回答

0

不幸的是,jQuery UI的不正确使用触摸事件的工作。然而,有一些插件可以在jQuery UI中实现触摸功能,Touch Punch是一种:http://touchpunch.furf.com/

您还应该考虑更新您正在使用的jQuery的版本... v1.4.4现在已经3年了。

+0

我无法理解...在那个链接4脚本可用...我们在那里放置代码?..请告诉清楚....我放在标记,但它是强制关闭... – Bala 2013-03-27 11:28:48

+0

什么是插件可用于jquery?请告诉我@Adrien Delessert – Bala 2013-03-27 11:47:57