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

Shuffle Js is not working even thoughI have using append method

我使用 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 文档的追加函数,但它仍然不起作用。但是,当我第三次单击“加载更多”按钮时,它起作用了。

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

第二次点击按钮又出现错误:

最后一次点击有效:

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

当我在 $() 中插入 response.result 时,它现在可以工作了。所以,这将是

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