带有Ajax加载内容的Slider

Question

我有以下页面分页：

<div class="pagination-centered hide">
  <ul class="pagination">
      <li class="current"><a href="">1</a></li>
      <li class="next"><a href="./index.php?path=index2">2</a></li>
      <li><a href="./index.php?path=index3">3</a></li>
  </ul>
</div>

我正在使用infinity插件通过滚动加载我的内容，如下所示：

        $("#teaser-slide-ul").infinitescroll({
            loading: {
                finishedMsg: "<div class='alert-box secondarty' style='margin-top: 10px;'>Sie haben das Ende der Bildergalerie erreicht!</div>",
                msgText: "<div class='alert-box secondarty' style='margin-top: 10px;'>Lade neue Bilder nach...</div>"
            },
            navSelector:  '.pagination',
            nextSelector: '.pagination li.next a',
            itemSelector: '.teaser-slide',
            dataType:     'html'
        });

此请求将 .teaser-slide 中的内容添加到 li 。我的问题是我需要为滑块完全ajax加载。我不知道哪个滑块可以执行这样的操作以及如何实现它。

摘要：我需要一个滑块，可以在 li 之后导航中链接的任何页面加载特定内容，并使用当前类。