Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery动态div滑块_Jquery_Jquery Plugins_Jquery Slider - Fatal编程技术网

jQuery动态div滑块

jQuery动态div滑块,jquery,jquery-plugins,jquery-slider,Jquery,Jquery Plugins,Jquery Slider,由于某种原因,我很难找到这个 基本上是寻找一个带有下一个和上一个按钮的jquery滑块插件,其中的内容可以是div的任何东西、文本、图像、组合等等。问题是,我会动态添加内容,例如,如果我有 <ul> <li> /* some divs, images, etc*/ </li> <li> /* some divs, images, etc*/ </li> <li> /* some divs, image

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

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

<ul>
    <li> /* some divs, images, etc*/ </li>
    <li> /* some divs, images, etc*/ </li>
    <li> /* some divs, images, etc*/ </li>
</ul>
然后我可以通过javascript动态地将标签添加到页面中,这不会破坏滑块

我目前正在使用,但它并不真正支持滑块的内容是“动态的”

提前谢谢。

试试这个

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

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);
    });
  }
});

有许多可供选择的滑块,看看这个非常简单的滑块。我知道有很多,我也尝试过很多。但这与另一个问题相同,即当您动态添加标记时,它会出错。