上一个&下一个按钮循环数组

时间:2012-09-25 17:17:29

标签: jquery arrays loops slider carousel

我试图让以下内容循环遍历项目(淡入/淡出)。但截至目前,当你点击Prev&接下来的按钮只是加载数组名而不是内容。

我在这里设置了一个JS Fiddle文件。 http://jsfiddle.net/leemnelson_/Ur7SW/29/

4 个答案:

答案 0 :(得分:1)

首先要做的事情..身份证应该是唯一 ..而且你有这么多具有​​相同身份证的元素。

尝试用类名替换它,这样可以使代码更清晰。

另外,为什么你想要一次又一次地使用相同的Div来重载你的页面,只需要一个div用于导航..

并且项目在单独的div ..

更新代码

选中此FIDDLE

我已经对它进行了必要的修改,以便使用加载项目的Single Div包装器

答案 1 :(得分:1)

您正在加载整个数组并将其作为HTML放置。而是加载数组元素,如下所示:

$('.innerContent .projectInfo').html(webProjects[c]);  

您将数组值放置为HTML,将数组替换为按钮。尝试将数组值放在不包含按钮的单独div中。

答案 2 :(得分:1)

我认为这更接近您所寻找的内容:http://jsfiddle.net/Ur7SW/33/

您将.html()设置为数组中的字符串值。您需要将jQuery用于带有该ID的 元素

所以而不是:

$('.innerContent').html(webProjects);

使用:

$('.innerContent').html($("#"+ webProjects[c]));

看起来你的上一个按钮还有一些问题...我现在就来看看。


还有其他问题。上一个按钮出现问题,重复id个属性,重复使用相同的元素等等。我已经在这个小提琴中修复了所有这些:http://jsfiddle.net/Ur7SW/49/

答案 3 :(得分:0)

更新小提琴

http://jsfiddle.net/Ur7SW/32/

文本应该放在p元素

希望这有帮助!