2013-03-27 79 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