Ledsen ifall rubriken inte beskriver väl nog, jag gör en site som filtrerar inlägg per kategori. Klickar man på ett inlägg så kommer man till singlepage men då mister man info om vilken kategori man är på. Infon finns i content-taggen:
<article id="content" data-current="kategorinamnet">
</article>
I korthet: jag vill kunna säga åt jquery att "om diven #content syns, använd den som check för vilken kategori som är aktiv".
Jag har en div som heter container undertill som sätter current på "alles" eftersom sidan laddas om när diven öppnas (ny post, singlepage).
Detta vill jag kolla genom if ($('#content').is(":visible")) men det verkar inte fungera.
function checkActive(){
$('#filters a').each(function(){
$(this).css({
color: '#333333'
});
var title = $(this).attr('data-filter');
title = '.'+title;
if(title=='.*'){
title = '*';
}
var currentCat = $container.attr('data-current');
if ($('#content').is(":visible")){ //ifall diven med inlägget är synligt
console.log('the element is visible');
var currentCat=$content.attr('data-current'); //så gäller content-divens data-filter
}else if($('#content').is(":hidden")){
console.log('the element is now hidden');
//Här spelar det ingen roll att jag har stängt elementet det står fortfarande som visible i consolen.
}
if(title==currentCat){//kollar containern med gridet
$(this).css({color: '#00ff00'});
}
});
}
});
Utöver det skulle jag gärna se att scriptet även filtrerar om så det inte är alla om syns utan bara det som tillhör kategorin... om det skulle vara möjligt inom ramen för det här scriptet vet jag inte än.
Hela scriptet jag använt finns här:
Design Lunatic – A Continuation of the Isotope Tutorial: Highlight the currently active link
All hjälp tas emot med öppna armar då jag har kört fast ordentligt här..
//Klara