Question

我对JQuery的CSS操作有问题。我制作了一个可以从屏幕左侧拖入的菜单，它应该跟随当前触摸通过JQuery mobile检索的位置（并且代码中的变量“touch”表示）。一开始它工作得很好，但是当我多次拖动菜单时，它变得非常缓慢而且有点滞后。

是否有任何css缓存或需要刷新的东西？

menu.css("-webkit-transition", "none");


if (touch.pageX < menu.width()) {

    menu.css("left", (touch.pageX - menu.width()) + "px");
}

很抱歉，我无法提供JSFiddle，但似乎不支持触摸事件。

谢谢，戴夫

Answer 1

我认为主要问题是手机内存空间有限。我看不到你的所有代码，但也许你有太多的变量，必须存储在内存中。

查看您的代码并搜索以下内容：

Whatever.get("your-selector").doSomething();
Whatever.get("your-selector").doSomething();
Whatever.get("your-selector").doSomething();

var target = $("your-selector");
target.doSomething();
target.doSomething();
target.doSomething();

尝试减少变量。

Answer 2

好吧，我稍微使用了其余的代码并发现问题与CSS操作无关，但这是另一个添加了数百个事件监听器的函数的结果。

JQuery css操作减慢了Page

2 个答案: