jquery - jQuery 动态 div 滑块

Question

由于某种原因，我很难找到这个......

基本上是在寻找一个 jquery 滑块插件（带有下一个和上一个按钮），其中的内容可以是任何东西（div、文本、图像、组合等）。问题来了，我的内容将被动态添加，例如，如果我有类似的东西

<ul>
    <li> /* some divs, images, etc*/ </li>
    <li> /* some divs, images, etc*/ </li>
    <li> /* some divs, images, etc*/ </li>
</ul>

然后我可以动态添加“

“ 通过 javascript 将标签添加到“”，这不会破坏滑块。

我目前正在使用简单的滑块，但它确实支持滑块的内容是“动态的”

提前致谢。

Answer 1

尝试这个

这是为下一个上一个创建滑块的自定义方式

jQuery.fn.extend({
  slideRightShow: function(speed) {
    return this.each(function() {
        $(this).show('slide', {direction: 'right'}, +speed || 1000);
    });
  },
  slideLeftHide: function(speed) {
    return this.each(function() {
      $(this).hide('slide', {direction: 'left'}, +speed || 1000);
    });
  },
  slideRightHide: function(speed) {
    return this.each(function() {
      $(this).hide('slide', {direction: 'right'}, +speed || 1000);
    });
  },
  slideLeftShow: function(speed) {
    return this.each(function() {
      $(this).show('slide', {direction: 'left'}, +speed || 1000);
    });
  }
});

试试这个小提琴