即使我使用了追加方法，Shuffle Js也无法正常工作

Question

我使用https://vestride.github.io/Shuffle/插件来随机播放我的Feed，但在尝试使用加载更多功能来协作此插件时遇到问题。

而且，我正在搜索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();
              }

        }
  });

问题是，我已经使用来自shuffle js文档的append函数，它仍然无法正常工作。但是，当我第三次单击“加载更多”按钮时，它正在工作。

我第一次点击按钮时会显示错误：

第二次单击按钮，然后再次出现错误：

最后点击的是：

有人请帮助我 我不知道我的代码有什么问题 谢谢。

Answer 1

当我在$（）中插入response.result时，它正在工作。所以，它会是

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