I have been using the isotope js library to add sorting animations to my div elements. However, I encountered an issue where some of my previously programmed actions are now being affected by isotope.js.
The main problem lies in the fact that the container div on which I applied isotope is now causing interference with my other actions. This interference is preventing me from executing certain functions as intended.
In short, I am looking for a solution to remove the effects of isotope and get rid of it entirely. How can I disable its influence?
Here is the link to my fiddle. After the event occurs, I would like to see the disabling action take place:
Code:
var $container = $('#container').isotope({
itemSelector: '.item',
isResizeBound: false,
getSortData: {
weight: function (itemElem) {
var weight = $(itemElem).find('.weight').text();
return parseFloat(weight.replace(/[\(\)]/g, ''));
}
}
});
// bind sort button click
$('.button').click(function () {
var sortByValue = $(this).attr('data-sort-by');
$container.isotope({
sortBy: sortByValue
});
});
$container.isotope('on', 'arrangeComplete', function () {
alert('arrange is complete');
//completely remove isotope effects, somehow disable it,
});