Phonegap内置的应用程序 - 如何使元素可拖动？

我打算创建一个将使用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>

来源

2011-10-28 jcrowson

我有几个应用程序使用jQuery/jQuery UI的Draggable + PhoneGap的建造和他们的工作很好。

我建议你从那里开始;祝你好运！

来源

2011-10-28 17:13:52 dSquared

感谢您的回复dSquared。我已经使用jQuery可拖动构建了一个基本的html页面，但是当移植到Phonegap时它不起作用。我会错过什么吗？我听说有些人在复制按下按住鼠标点击拖动对象时遇到问题。 – jcrowson

Phonegap内置的应用程序 - 如何使元素可拖动？

回答

相关问题