Question

我正在Eclipse中使用PhoneGap 2.9 for Android开发移动应用程序。我已经阅读了许多关于面板的StackOverflow问题，例如this面板。

因为我的应用程序需要wi-fi让某人使用它，我没有下载JQuery，但我从我的.html文件中调用它们：

    <!-- import js --> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

在上面的链接中，有一个答案是编辑JQuery的.css所以我无法做到。

正如我在另一篇与此问题相关的文章中所读到的，我创建了一个JavaScript，我在导入JQuery后立即调用它。它的内容是：

document.addEventListener("deviceready", onDeviceReady, false);

    function onDeviceReady() {
        $.mobile.defaultPageTransition   = 'none';
        $.mobile.defaultDialogTransition = 'none';
        $.mobile.buttonMarkup.hoverDelay = 0;
    }

与该小组相关的我的.html代码是：

        <div id="leftHead"> 
            <a href="#menu"><img src="../../imgs/menu.png"></a>
        </div>

  <!-- defaultpanel  -->
  <div data-role="panel" id="menu" data-theme="b" data-display="push" data-animate:"false">

    <div class="panel-content">
        <h3>Default panel options</h3>
        <a href="">Option One</a><br/>
        <a href="">Option Two</a><br/>
        <a href="home.html" data-rel="close" data-role="button" data-theme="a" data-icon="delete" data-inline="true">Close panel</a>
    </div><!-- /content wrapper for padding -->
  </div><!-- /defaultpanel -->

当我按下lefthead div中的图像时，有时我会得到一个非常慢的响应，有时在点击后没有面板打开。任何人都可以帮助我，这样我可以更快地完成这个简单的功能吗？

Answer 1

您是否使用Fastclick库进行了测试？

https://github.com/ftlabs/fastclick

单击面板的反应非常缓慢或根本没有反应 - Phonegap 2.9 + JQuery

1 个答案: