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

Application built in Phonegap - how to make elements draggable?

本文关键字：何使 元素 拖动 内置 应用程序 Phonegap      更新时间：2023-09-26

我打算创建一个应用程序，将利用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>

我有几个使用jQuery/jQuery UI Draggable + Phonegap构建的应用程序，它们工作得很好。

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

相关文章：