2011-10-28 13 views
2

私はPhonegapを利用するアプリの作成を計画していますが、アプリは画像や要素をドラッグアンドドロップすることを重視しています。Phonegapに組み込まれたアプリケーション - 要素をドラッグ可能にする方法

利用可能なJavaScriptライブラリを使用すると可能ですか? (JQuery、Sencha Touchなど)、モバイル機器で実際に作業している人は誰ですか?アップデートとして

私は、通常のデスクトップブラウザでこれをテストして、それが正常に動作します。アプリケーションはコンパイルされ、Androidの携帯電話でも動作しますが、形状はドラッグできません。誰でも何か提案がありますか?

<!DOCTYPE HTML> 
<html> 
<head> 
<title>Title</title> 

    <script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script> 
    <script src="jquery-1.6.2.min.js"></script> 
    <script src="jquery-ui-1.8.16.custom.min.js"></script> 

    <script> 
    $(document).ready(function() { 
    $(".shape").draggable(); 
    }); 
    </script> 

    <script type="text/javascript" charset="utf-8"> 

    // Wait for PhoneGap to load 
    // 
    document.addEventListener("deviceready", onDeviceReady, false); 

    // PhoneGap is ready 
    // 
    function onDeviceReady() { 

    alert("phonegap works"); 

    $(".shape").draggable(); 



    } 

    </script> 

    </head> 
    <body> 

<div data-role="page" id="home"> 
    <div data-role="header"> 
    <h1>Header Title</h1> 
    </div> 
    <div data-role="content"> 
    <img class="shape" src="images/150x150.gif" /> 
    </div> 
</div> 

    <div data-role="page" id="general"> 
    <div data-role="header"> 
    <h1>Header title</h1> 
    </div> 

    <div data-role="content"> 
    </div> 
    </div> 
</div> 
</body> 
</html> 

答えて

2

は、私はいくつかのアプリはjQueryの/ jQueryのUI Draggable +のPhoneGapを使用して構築されており、彼らは素晴らしい仕事します。

私はそこから始めることをお勧めします。がんばろう!

+1

返信いただきありがとうございます。私は基本的なhtmlページをjQuery draggableを使ってビルドしましたが、Phonegapに移植すると動作しません。私は何かが欠けているだろうか?私は、マウスクリックでドラッグ可能なオブジェクトを押し続けて複製することに問題を抱えている人がいると聞いてきました。 – jcrowson