Javascript JQuery css操作会降低页面速度
我对JQuery上的CSS操作有问题。我制作了一个菜单,可以从屏幕的左侧拖入,它应该紧跟在通过JQuery mobile检索到的当前触摸位置之后(ist由代码中的变量“touch”表示)。刚开始的时候,它运行得很好,但是当我多次拖动菜单时,它会变得非常缓慢和滞后 是否有任何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"
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操作无关,而是另一个添加了数百个事件侦听器的函数的结果