2016-11-29 80 views
0

我使用https://vestride.github.io/Shuffle/插件來隨機播放我的提要,但在嘗試與加載更多功能協作時使用此插件時遇到問題。Shuffle Js無法正常工作,即使我已經使用追加方法

此外,我正在尋找洗牌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(); 
       } 

     } 
    }); 

的問題是,我已經使用了附加功能來自洗牌的js文件和它仍然不起作用。但是,當我第三次單擊「加載更多」按鈕時,它正在工作。

我第一次點擊按鈕,它顯示了錯誤: enter image description here enter image description here

我第二次單擊該按鈕,然後再次出現的錯誤: enter image description here

最後單擊工作: enter image description here

有人請幫幫我 我不知道我的代碼有什麼問題 謝謝。

回答

0

現在,當我在$()中插入response.result時,它正在工作。所以,這將是

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