2016-11-29 2 views
0

Я использую плагин https://vestride.github.io/Shuffle/, чтобы перетасовать мой канал, но у меня проблема при попытке сотрудничать с этим плагином с загрузкой дополнительных функций.Shuffle Js не работает, даже если у меня есть метод append

А также, я искал shuffle js и загружал больше данных и нашел ответ, что я это сделаю с моим кодом, но это не так.

Для первой загрузки времени я использую этот код:

var shuffleme = (function($) { 

     var $grid = $('#promogrid'), 
      $sizer = $grid.find('.shuffle_sizer'), 

    init = function() { 
     $grid.shuffle({ 
       sizer: $sizer 
     }); 
    } 

    return { 
     init: init 
    }; 
}(jQuery)); 

shuffleme.init(); 

В моих нагрузках больше функций:

$.ajax({ 
     url: '/request?process=bp_lm', 
     type: 'post', 
     dataType: 'json', 
     data: {row:row}, 
     beforeSend:function(){ 
       $(".load-more").text("Loading..."); 
     }, 
     success: function(response) { 

       $("#promogrid .shuffle_sizer").before(response.result); 
       $grid.shuffle('appended', response.result); 

       var rowno = row + rowperpage; 

       if(rowno > total) { 
        $('.load_more_btn').hide(); 
        $('.hide_data_btn').show(); 
       } else { 
        $(".load_more_btn").show(); 
       } 

     } 
    }); 

Вопрос заключается в том, я уже использую функцию, которые приходят из Перетасуйте расслоение плотной документации добавлять и он все еще не работает. Но он работает, когда я нажимаю кнопку «Загрузить еще» в третий раз.

В первый раз я нажимаю на кнопку она показывает ошибку: enter image description here enter image description here

Второй раз нажать на кнопку, то появляется ошибка снова: enter image description here

Последний щелкнул работает: enter image description here

Кто-нибудь, пожалуйста, помогите мне Я не знаю, что не так с моим кодом Спасибо.

ответ

0

Теперь он работает, когда я вставляю response.result внутри $(). Таким образом, это будет

$grid.shuffle('appended', $(response.result));