我的网站现在几乎都是 AJAX,我正在将 jQuery 动画推向极限。
使用动态分页和 jQueryanimate
在除 Chrome 和 IE9+ 之外的所有浏览器上看起来都很糟糕。
我的猜测是,这是因为 Chrome(IE9+?)是唯一默认启用 JS 多线程或多线程的浏览器。
甚至可以在 JS/HTML/etc 中的其他浏览器上打开它吗?
提前谢谢了!
剖析
众所周知,我的词汇量很差,所以一开始我不明白这个词。
是的,我一直在寻找更好的方法来改进我的代码。为了速度,例如克隆而不是附加字符串 html、一次选择多个元素等。
它在 Chrome 和 IE9+ 中运行顺畅,在其他所有方面都很差(在默认的 Android 2.2 和 iPhone 移动浏览器中最差)。
多线程
我从这里得到它并接受它,因为它是有道理的。如果有错误,请告诉我,我将编辑问题以确保适当性。
我的动态分页
基本上,我通过一个循环append
cloned
opacity:0
absolute
divs
到一个relative
容器。for
克隆的 div 中的一些细分也可能被克隆,因为我也通过for
循环有更多的子行。我top
把它增加到一个累积的高度,给每个附加的 div 添加 10px。一旦准备好,我animate
就opacity:1
. 如果一个absolute
需要留在那里,它的'top
只是动画,没有其他变化。
所有动画 500 毫秒。所有用 CSS 预格式化的 div。没有图像。它就像我希望的那样简单,并且在 Chrome 和 IE9+ 中运行良好。