Mam pole wyboru, które zawiera 4 opcje, z których każda spowoduje usunięcie wszystkich obecnych .item
elementów div i załadowanie nowego .items
, a następnie ponowne ustawienie ich za pomocą izotopu.Izotop nie działa z załadowaną ajaxową treścią
$('.menu-select').change(function(){
var selected=$('.menu-select-option:selected').html().toLowerCase();
if(selected=='all')
{
loadContent('mixed_home_all.html');
}
if(selected=='recommended')
{
loadContent('mixed_home_reco.html');
}
if(selected=='popular')
{
loadContent('mixed_home_pop.html');
}
});
loadContent wygląda następująco:
function loadContent(filename){
var $item=$('.item');
$container.isotope('remove', $item);
$container.load(filename, function(){
$container.imagesLoaded(function(){
$container.isotope('reLayout');
});
});
}
z jakiegoś powodu, reLayout
nie działa. Klasa isotope-item
również nie jest dodawana do poszczególnych elementów. W dzienniku konsoli nie ma błędu.
Witam powodzeniem dostosować ten kod i działa dobrze, ale mój sortowania nie działa po ponownym elementy ... Może mi helo ... Dzięki! – vitaminasweb