我正在使用 Isotope (http://isotope.metafizzy.co/docs/sorting.html) 中的排序方法,并且需要在链接打开时在顶部显示分配给它们的特定 CSS 类名称的元素点击。其余元素必须在已排序元素下方保持可见,因此我无法使用同位素过滤。
我对 JS/jQuery 不太满意,所以我什至不确定这段代码是否设置正确,但目前我的元素按日期排序,这很好,但它对所有元素都这样做。我希望我的代码找到类名为“博客”的所有元素,然后按日期排列。到目前为止,这是我的代码:
getSortData : {
blogs : function( $elem ) {
return $elem.attr('.blogs'), $elem.find('.date').text();
}
}
最佳答案
Isotope 根据您提供的函数的返回值进行正常排序。
因此您需要返回将 .blog
元素放在顶部的内容..
我假设你只为日期使用了 $elem.find('.date').text()
因此,要改变这一点,您只需在 .blog
尝试
getSortData : {
blogs : function( $elem ) {
var isBlog = $elem.hasClass('blogs');
return (isBlog?' ':'') + $elem.find('.date').text();
}
}
评论更新
sortBy: 'initial',
sortAscending : false,
itemSelector: '.module',
getSortData: {
initial: function($elem) {
return $elem.find('.date').text();
},
blogs: function($elem) {
var isBlog = $elem.hasClass('blogs');
return (isBlog ? '9' : '') + $elem.find('.date').text();
},
关于javascript - 同位素 : Select and display . xx 类在顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9700295/