Android Kit Kat上的按钮点击只有在多次点击phonegap构建应用程序后才会激活

Button Click on Android Kit Kat only activates after many clicks in phonegap build app

本文关键字：构建 phonegap 应用程序 激活 Kat Kit 按钮 Android      更新时间：2023-09-26

我最近建立了一个phonegap应用程序，它有一个菜单，从左边滑进视图，当你点击实际菜单上的链接时关闭。

我正在使用jquery插件fastclick来删除触摸设备上的300ms延迟。下面是滑动菜单的代码。

$('#showLeftPush').click(function (e) {
                e.preventDefault();
                if ($(this).hasClass('show')) {
                    $("#cbp-spmenu-s1").animate({
                            left: "-=130"
                        }, 300, function () {
                            // Animation complete.
                            console.log('menu closed');
                        });
                    $(this).removeClass('show').addClass('hide');
                }
                else {
                    $("#cbp-spmenu-s1").animate({
                            left: "0"
                        }, 300, function () {
                            // Animation complete.
                            console.log('menu open');
                        });
                    $(this).removeClass('hide').addClass('show');
                }
                console.log('menu clicked');
            });

该代码在kit kat 4.4.1之前的android版本上运行良好。当我点击showLeft按钮时，有时菜单只有在点击10次左右才会打开。

有什么是我应该知道的还是我错过了什么

请帮忙，这个问题我已经坐了2天了

你可以尝试使用Tap Event代替点击Android Kitkat。

$('#showLeftPush').on("tap", function (e) {
                e.preventDefault();
                if ($(this).hasClass('show')) {
                    $("#cbp-spmenu-s1").animate({
                            left: "-=130"
                        }, 300, function () {
                            // Animation complete.
                            console.log('menu closed');
                        });
                    $(this).removeClass('show').addClass('hide');
                }
                else {
                    $("#cbp-spmenu-s1").animate({
                            left: "0"
                        }, 300, function () {
                            // Animation complete.
                            console.log('menu open');
                        });
                    $(this).removeClass('hide').addClass('show');
                }
                console.log('menu clicked');
            });

你尝试过简单的面板小部件在jQuery移动?给出如下示例

<div data-role="panel" id="mypanel" data-theme="b">
            <h3 align="center">Menu</h3>
            <ul id="list" data-role="listview" data-inset="true">           
                    <li><a href="driving_style.html" target="testframe" onclick=" header('Driving style')" data-rel="close">Driving style</a></li>
                    <li><a href="history.html" target="testframe" onclick=" header('History')" data-rel="close">History</a></li>
                    <li><a href="policy.html" target="testframe" onclick=" header('Policy')" data-rel="close">Policy</a></li>
                    <li><a href="contact_us.html" target="testframe" onclick=" header('Contact us')" data-rel="close">Contact us</a></li>
                    <li><a href="settings.html" target="testframe" onclick=" header('Settings')" data-rel="close">Settings</a></li>
            </ul>
        </div>
相关文章：