0

私は新しいAndroidです..Htmlで1つのプロジェクトを作成しました...それは私が望むものを完全に実行しています..このHTMLプロジェクトをAndroidエミュレーターで実行したい..理由がわかりません.....デザインAndroidエミュレーターに付属しています....しかし、ドラッグアンドドロップはAndroidエミュレーターでのみ機能しません..htmlコードを実行するためにphonegapを使用しました..知っている場合は、pls tel me..よろしくお願いします..これは私の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 はその 1 つです: http://touchpunch.furf.com/

また、使用している jQuery のバージョンを更新することも検討する必要があります...v1.4.4 は現在 3 年前です。

于 2013-03-27T05:54:52.050 に答える