Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery css操作会降低页面速度_Javascript_Jquery_Html_Css_Mobile - Fatal编程技术网

Javascript JQuery css操作会降低页面速度

Javascript JQuery css操作会降低页面速度,javascript,jquery,html,css,mobile,Javascript,Jquery,Html,Css,Mobile,我对JQuery上的CSS操作有问题。我制作了一个菜单,可以从屏幕的左侧拖入,它应该紧跟在通过JQuery mobile检索到的当前触摸位置之后(ist由代码中的变量“touch”表示)。刚开始的时候,它运行得很好,但是当我多次拖动菜单时,它会变得非常缓慢和滞后 是否有任何css缓存或需要刷新的内容 menu.css("-webkit-transition", "none"); if (touch.pageX < menu.width()) { menu.css("left"

我对JQuery上的CSS操作有问题。我制作了一个菜单,可以从屏幕的左侧拖入,它应该紧跟在通过JQuery mobile检索到的当前触摸位置之后(ist由代码中的变量“touch”表示)。刚开始的时候,它运行得很好,但是当我多次拖动菜单时,它会变得非常缓慢和滞后

是否有任何css缓存或需要刷新的内容

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


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

    menu.css("left", (touch.pageX - menu.width()) + "px");
}
menu.css(“-webkit transition”,“none”);
如果(touch.pageX
很抱歉,我无法提供JSFIDLE,但这里似乎不支持触摸事件


谢谢,戴夫,我想主要的问题是手机的存储空间有限。我看不到你所有的代码,但可能你有太多的变量,必须存储在内存中

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

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();

尝试减少变量。

好的,我对代码的其余部分进行了一些研究,发现问题与CSS操作无关,而是另一个添加了数百个事件侦听器的函数的结果