• 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How to make Isotope work with multi-filters and sort ascending / descending?

I’m trying to create a multi-filter menu of which one drop-down is to sort by most popular to the least popular.

When I select “most” and “least” from the drop-down for the FIRST TIME, it works as expected. However, when I go to select “most” for a second time, the sort doesn’t work.

Any ideas what might be causing this?

Here’s my code snippet:

// On popular selection
     $( '#popular' ).on('change', 'select', function () {
     var $this = $(this);

     // Get the data-category attribute from the selection made
     var $rank = $this.children('Confusedelected').val();

     // Here's where the code breaks when a user selects a drop-down selection after the first time
     if ($rank === 'most') {
     $cards.isotope({sortBy: 'rank'});
     } else {
       $cards.isotope({sortBy: 'rank', sortAscending: false});

Any ideas what might be causing the issue?

Maybe this will help not sure.

Confusedelected Selector
What did you Try? What did you Get? What did you Expect?

Joined CodeIgniter Community 2009.  ( Skype: insitfx )

Digg   Delicious   Reddit   Facebook   Twitter   StumbleUpon  

  Theme © 2014 iAndrew  
Powered By MyBB, © 2002-2020 MyBB Group.