jquery支持自定义数据条数显示更多示例

Demo 1从第二张图片开始

Item1

Item2

Item3

Item4


    $('.list1').showMoreItems({
      nowNum:2,
      moreText:'More'
    });

Demo 2 在初始化时显示3张图片

Item1

Item2

Item3

Item4

Item5

Item6


    $('.list2').showMoreItems({
      startNum:3,
      afterNum:2
    });

Demo 3 重置按钮

Item1

Item2

Item3


    $('.list3').showMoreItems({
      original:true,
      backMoreText:'Reset'
    });

Demo4 响应式设计

Item1

Item2

Item3

Item4

Item5

Item6

Item7

Item8

Item9


    $('.list4').showMoreItems({
      startNum:3,
      afterNum:3,
      original:true,
      responsive: [
        {
          breakpoint: 1280,
          settings: {
          startNum:2,
          afterNum:2,
          }
        },
        {
          breakpoint: 600,
          settings: {
          startNum:1,
          afterNum:1,
          }
        }
      ]
    });