jQuery Isotope Filter von verschiedenen Seiten Wordpress
Ich versuche von einer ganz anderen Seite zu filtern, wo sich mein Isotop befindet.
Derzeit rufe ich erfolgreich Isotope auf mit:
$(function() {
// cache container
var $container = $('.isotope-container');
var $defaultfilter = $('.feature-this');
$('.isotope-container').isotope({
filter: '.feature-this',
masonry: { columnWidth: 326, resizesContainer: false }
});
// filter items when filter link is clicked
$('#filters a').click(function(){
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
// set selected menu items
var $optionSets = $('.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');
});
});
Ich möchte auf einer anderen Seite die Ergebnisse filtern, wenn auf einen Link geklickt wird, mit einem Markup wie:
<ul>
<li><a href="/isotope/#filter=.filter1">Filter 1</a></li>
<li><a href="/isotope/#filter=.filter2">Filter 2</a></li>
<li><a href="/isotope/#filter=.filter3">Filter 3</a></li>
<li><a href="/isotope/#filter=.filter4">Filter 4</a></li>
<li><a href="/isotope/#filter=.filter5">Filter 5</a></li>
</ul>
Ich kann es nicht zum Laufen bringen. Hier funktioniert es wie gewünscht, aber nicht von einer anderen Seite: