我正在使用 Isotope,但在 Internet Explorer 中遇到问题。在 Chrome/Firefox 中,动画在一秒钟内完成。IE 7-9 需要五秒钟。
正在使用过渡,CSS 与http://isotope.metafizzy.co/docs/animating.html#css_transitions中列出的相同
加载脚本的 JS:
$('#timeline').isotope({
itemSelector : '.item',
transformsEnabled: true,
layoutMode: 'spineAlign',
spineAlign:{
gutterWidth: 56
},
getSortData: {
timestamp: function($elem){
return parseFloat($elem.find('.timestamp').text());
}
},
sortBy: 'timestamp',
sortAscending: false,
itemPositionDataEnabled: true
});
有谁知道为什么 IE 这么慢?
我忘记提到的一件事(有点重要)是我有几个排序按钮可以做两件事:
- 调整某些项目的“时间戳”
度假物品
$('#timeline').isotope('reloadItems').isotope({sortAscending: false});
正是这个过程在 IE 中很慢。不是初始页面加载。