Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.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
Javascript 引导旋转木马并显示多个项目_Javascript_Jquery_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 引导旋转木马并显示多个项目

Javascript 引导旋转木马并显示多个项目,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我使用@paulalexandru解决方案在引导滑块上显示多个项目。不幸的是,我的javascript不够高级,无法显示4项或更多或更少,而不是当前的3项。有人能把下面的代码分解一下吗?也许这样我就可以理解从哪里开始理解是什么让脚本一次只显示3个? 这是保罗的作品。 我很理解CSS,但我知道旋转木马并不完全依赖CSS在这里显示。我正在尝试根据屏幕大小显示x个项目我更改了所有: 33%至25%。 col-md-4至col-md-3 结果如下: $‘我的旋转木马’。旋转木马{ 间隔:10000

我使用@paulalexandru解决方案在引导滑块上显示多个项目。不幸的是,我的javascript不够高级,无法显示4项或更多或更少,而不是当前的3项。有人能把下面的代码分解一下吗?也许这样我就可以理解从哪里开始理解是什么让脚本一次只显示3个? 这是保罗的作品。

我很理解CSS,但我知道旋转木马并不完全依赖CSS在这里显示。我正在尝试根据屏幕大小显示x个项目

我更改了所有:

33%至25%。 col-md-4至col-md-3 结果如下:

$‘我的旋转木马’。旋转木马{ 间隔:10000 } $'.carousel.item'.eachfunction{ var next=$this.next; 如果!下一个{ next=$this.sides':first'; } next.children':first child.clone.appendTo$this; 如果next.next.length>0{ next.next.children:“第一个子项”.clone.appendTo$this; } 否则{ $this.sides':first'.children':first child'.clone.appendTo$this; } }; .carousel-inner.active.left{left:-25%;} .carousel-inner.active.right{left:25%;} .carousel-inner.next{左:25%} .carousel-inner.prev{left:-25%} .carousel-control.left{背景图像:无;} .carousel-control.right{背景图像:无;} .carousel内部。项{背景:白色;}
你不能使用像bxSlider这样的简单插件吗?我可以,但我不想,因为这个旋转木马已经可以正常工作了,只需要更改显示的数量。这不是正确的比例。虽然您确实更改了列的大小,但它仍然一次只显示3个,并留下第4个作为间隙。