I’m trying to create a multi-filter menu of which one drop-down is to sort by most popular to the least popular.
See screencast of Isotope sort ascend / descend issue
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(':selected').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?