jquery带多种动画特效的加载更多分页插件

使用方法

    $('.some-list-1').simpleLoadMore({
      item: 'div',
      count: 2
    });
    $('.some-list-2').simpleLoadMore({
      item: 'div',
      count: 5
    });
    $('.some-list-counter-1').simpleLoadMore({
      item: 'div',
      count: 5,
      counterInBtn: true,
      btnText: 'View More {showing}/{total}',
    });
    $('.some-list-counter-2').simpleLoadMore({
      item: 'div',
      count: 5,
      showCounter: true
    });
    $('.some-list-3').simpleLoadMore({
      item: 'div',
      count: 5,
      itemsToLoad: 2
    });
    $('.some-list-4').simpleLoadMore({
      item: 'div',
      count: 5,
      itemsToLoad: 1
    });

    // Easing
    $('.easing-1').simpleLoadMore({
      item: 'div',
      count: 5,
      itemsToLoad: 2,
      easing: 'fade'
    });
    $('.easing-2').simpleLoadMore({
      item: 'div',
      count: 5,
      itemsToLoad: 2,
      easing: 'slide'
    });

    // Callbacks
    $('.callback-onload').simpleLoadMore({
      item: 'div',
      count: 5,
      itemsToLoad: 5,
      easing: 'fade',
      onLoad: function($items, $btn) {
        $(this).after('<p class="callback-response"><i>Callback Response: SimpleLoadMore successfully initialized on this instance!</i></p>')
      },
    });
    $('.callback-onnextload').simpleLoadMore({
      item: 'div',
      count: 5,
      itemsToLoad: 2,
      easing: 'fade',
      onNextLoad: function($items, $btn) {
        if ($(this).next('p').length) {
          $(this).next('p').find('i').text('Callback Response: More items loaded. Total items remain: ' + $items.filter(':hidden').length);
        } else {
          $(this).after('<p class="callback-response"><i>Callback Response: More items loaded. Total items remain: ' + $items.filter(':hidden').length + '</i></p>');
        }
      },
      onComplete: function($items, $btn) {
        $(this).next('p').html('<p class="callback-response"><i>Callback Response: All items have been loaded!</i></p>');
      },
    });
    $('.callback-oncomplete').simpleLoadMore({
      item: 'div',
      count: 5,
      itemsToLoad: 5,
      easing: 'fade',
      onComplete: function() {
        $(this).after('<p class="callback-response"><i>Callback Response: All items have been loaded!</i></p>');
      },
    });