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

时间:2011-10-28 16:11:51

标签: javascript jquery android html cordova

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

1 个答案:

答案 0 :(得分:2)

我有几个使用jQuery / jQuery UI Draggable + Phonegap构建的应用程序,它们运行良好。

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