gpt4 book ai didi

Jquery 同位素 - 2 个问题 - 在 Chrome 中重叠并首先加载左侧

转载 作者:行者123 更新时间:2023-12-01 04:58:00 26 4
gpt4 key购买 nike

我正在使用 jquery 同位素来获得“砖石”效果,但遇到问题。

首先,整个项目列表首先从左侧直接向下加载,然后自行纠正,但很明显它确实做到了这一点,有时会卡在那里一秒钟左右。

第二个问题是,当我下载已加载项目的页面(一次 56 个)时,它们有时会相互重叠。如果我点击“显示更多”(使用 inf-scroll twitter 方法),那么它们会自行更正,并再次在它们重叠的新项目的底部。

正如你所看到的,我正在尝试使用 imagesloaded 插件,但没有什么不同。

这是同位素的代码和设置:

var $container = $('#wall');

$container.imagesLoaded(function(){

// isotope
$container.isotope({
itemSelector : '.wrap_indiv',
transformsEnabled: false,
getSortData: {
name: function($element) {
return $element.data('name');
},

site: function($element) {
return $element.data('site');
},

date_added: function($element) {
return $element.data('date_added');
}

}
});

// filter items when filter link is clicked
$('#options a').click(function(){
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});

var $optionSets = $('#options .option-set'),
$optionLinks = $optionSets.find('a');

$optionLinks.click(function(){
var $this = $(this);
// don't proceed if already selected
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');

});

// infinite scroll
$container.infinitescroll({
navSelector : "#page_nav",
// selector for the paged navigation (it will be hidden)
nextSelector : "#page_nav a",
// selector for the NEXT link (to page 2)
itemSelector : ".wrap_indiv",
// selector for all items you'll retrieve
behavior: "twitter",

loading : {
'finishedMsg' : 'No more to load.',
'img' : '/images/icons/loading_sml.gif',
'selector' : '#wall'
}
},
// call Isotope as a callback
function( newElements ) {
$container.isotope( 'insert', $( newElements ) );
}
);

});

知道为什么会发生这些吗?

最佳答案

修复了一半的问题 - 重叠:

更改:

function( newElements ) {
$container.isotope( 'insert', $( newElements ) );
}

对此:

function(newElements) {
var $newElems = $(newElements);
$newElems.imagesLoaded(function(){
$container.isotope('appended', $newElems );
});
}

关于Jquery 同位素 - 2 个问题 - 在 Chrome 中重叠并首先加载左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12977445/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com