0

我是新的Android ..我在Html中创建了一个项目......它运行得很好......我想在android模拟器中运行这个html项目......我不知道是什么原因......设计是在 Android 模拟器中出现的..但是拖放仅在 android 模拟器中不起作用..我使用 phonegap 来运行 html 代码..如果你知道请给我打电话..提前谢谢..这是我的 Html （jQuery代码）

   <!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>
4

1 回答 1

0

不幸的是，jQuery UI 不能与触摸事件一起正常工作。然而，有许多插件可以在 jQuery UI 中启用触摸，Touch Punch 就是其中之一：http ://touchpunch.furf.com/

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

于 2013-03-27T05:54:52.050 回答