4

我有一些 jQuery 正在我们正在研究的测试用例上运行，它在我们的 iPad 2 上运行非常缓慢。

不过，它在我们的台式机和笔记本电脑上非常灵活且响应迅速。我尝试删除所有选择器（在可能的情况下），而是使用存储的引用，这并没有太大帮助。

在更改之前是http://jsfiddle.net/EEGgv/5/而在更改之后是http://jsfiddle.net/EEGgv/6/

这是当前的 jQuery 代码：

$().ready(function () {
    var $varSelected = 'undefined';
    var $this = 'undefined';
    var varPrev = '';
    var varNew = '';

    $('.btn').click(function () {
        $this = $(this);

        if ($varSelected !== 'undefined') {
            // Get previous value
            varPrev = $varSelected.text();

            // Find value we're trying to add
            varAdding = $this.attr('value');

            if (varAdding == 'Clr') {
                varNew = '';
            } else {
                varNew = varPrev + varAdding;
            }

            // Write new value
            $varSelected.text(varNew);
        }
    });

    $('.qtyBox').click(function () {
        $this = $(this);

        // Check if we've previously had a selected box
        if ($varSelected === 'undefined') {
            // Didn't have one before -- nothing special
        } else {
            // Had one selected. We need to unselect it.
            $varSelected.removeClass('Selected');
        }

        // Select the one we have now
        $varSelected = $this;

        // Add formatting
        $this.addClass('Selected');

        // Clear value
        varNew = '';
        $this.text(varNew);
    });
});

我将 /5/ 版本（预参考）上传到http://test.projectdavis.com/test.html，而 /6/ 版本（参考）上传到http://test.projectdavis.com/test2。 .html _

任何人有任何见解？

谢谢

4

1 回答 1

5

我能够在我的 iPad 2 上测试您的页面。输入滞后似乎是移动点击事件延迟，其中点击事件在移动浏览器上 0.3 秒后触发（https://developers.google.com/mobile/articles/fast_buttons ?hl=de-DE .)。这种延迟是为了让浏览器可以监听双击。移动浏览器提供了四个额外的事件处理程序，您可能感兴趣的一个是clickend。当用户从屏幕上抬起手指时会触发clickend事件。

下面的代码来自 MDN https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Touch_events

var el = document.getElementsById("MyButtonID");
el.addEventListener("touchend", handleEnd, false);
于 2013-06-04T16:36:25.427 回答