Оригинальный порядок в изотопе не работает

Question

Я пытаюсь исправить "оригинальный порядок", но он не работает, я даже пытался сделать так, как " (я основал мой код здесь)", но это не сработало.

Вот мой код: Изотоп Оригинальный заказ

Мое намерение состоит в том, чтобы сделать восходящие, нисходящие и вернуться к нормальной или исходной позиции ящиков, которые, я думаю, не работают. Я попытался исследовать в Интернете, и я нашел некоторые, но проблема в том, что это не работает над моим кодом.

Можете ли вы взглянуть на мой код и дать мне совет, как его решить? благодарю вас.

Jquery

$(window).load(function(){

//Configure
var $container = $('#item-container');

$container.isotope({
    filter: '*',
    animationOptions: {
        duration: 750,
        easing: 'linear',
        queue: false
    },

    getSortData : {  
          name : function ( $elem ) {
            return $elem.find('.name').text();
          }  
    },

});


//Sorting
$('#sorts li a').click(function(){
        $('#sorts li a.current').removeClass('current');
        $(this).addClass('current');

        var selector = $(this).attr('data-sort');
        $container.isotope({
            filter: selector,
         });
         return false;
}); 

//Ascending
$('.sorting_a-z').on( 'click', function( event ) {

    $container.isotope({ 
        itemSelector : '.item',
         sortBy: 'name', sortAscending : true
    }); 

});

//Descending
$('.sorting_z-a').on( 'click', function( event ) {

    $container.isotope({ 
        itemSelector : '.item',
         sortBy: 'name', sortAscending : false
    }); 

});


//Put on original Position
$('.all_items').on( 'click', function( event ) {

     $container.isotope({ 
        itemSelector : '.item',
        filter: filterValue
     }); 
    return false;
});});

Answer 1

Я пытался уладить, как вернуть в первоначальный порядок.

Здесь я мой код.

фиксированный код для оригинального заказа

Jquery

$(window).load(function(){

//Configure
var $container = $('#item-container');

$container.isotope({
    filter: '*',
    animationOptions: {
        duration: 750,
        easing: 'linear',
        queue: false
    },

    getSortData : {  
          name : function ( $elem ) {
            return $elem.find('.name').text();
          }  
    },

});


//Sorting
$('#sorts li a').click(function(){
        $('#sorts li a.current').removeClass('current');
        $(this).addClass('current');

        var selector = $(this).attr('data-sort');
        $container.isotope({
            filter: selector,
         });
         return false;
}); 

//Ascending
$('.sorting_a-z').on( 'click', function( event ) {

    $container.isotope({ 
        itemSelector : '.item',
         sortBy: 'name', sortAscending : true
    }); 

});

//Descending
$('.sorting_z-a').on( 'click', function( event ) {

    $container.isotope({ 
        itemSelector : '.item',
         sortBy: 'name', sortAscending : false
    }); 

});});