jQuery isotope filter not working -
i have jquery isotope filtering working @ following address:
http://romeavenue.com/en/2/tours-of-italy
however, trying implement same functionality on different site can't work. have
http://eternalcitytours.com/en/2/tours-of-italy
the issue <ul id="filter-container" class="feature cf">
on 1 works, code shows class isotope being applied container <ul id="filter-container" class="feature cf isotope">
, <li>
items having isotope-item class assigned. on 1 doesn't work isotope class isn't being assigned. have no idea why.
my custom.js is:
var $container = $('#filter-container'); $container.imagesloaded( function(){ $container.isotope({ itemselector : 'li', filter: '*', resizable: false, animationengine: 'jquery' }); }); // filter buttons $('#filter-buttons a').click(function(){ // select current var $optionset = $(this).parents('#filter-buttons'); $optionset.find('.selected').removeclass('selected'); $(this).addclass('selected'); var selector = $(this).attr('data-filter'); $container.isotope({ filter: selector }); return false; });
anyone ideas. i've tried make same code first example nothing working , @ dead end...
thanks
tom
you loading 2 different versions of jquery , loading jquery after plugins require it. needs load before jquery plugins.
remove this:
<script> window.jquery || document.write('<script src="http://eternalcitytours.com/assets/js/jquery-1.7.1.min.js"><\/script>') </script>
rewrite other scripts this:
<!-- placed @ end of document pages load faster --> <script src="http://eternalcitytours.com/assets/js/jquery.js"></script> <script src="http://eternalcitytours.com/assets/js/custom.js"></script> <script src="http://eternalcitytours.com/assets/js/jquery.isotope.min.js"> </script> <script src="http://eternalcitytours.com/assets/js/css3-mediaqueries.js"> </script> <script src="http://eternalcitytours.com/assets/js/scripts.js"></script> <script src="http://eternalcitytours.com/assets/js/bootstrap.min.js"></script> <script src="http://eternalcitytours.com/assets/js/ketchup.all.js"></script>
Comments
Post a Comment