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

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -