我试图让以下内容循环遍历项目(淡入/淡出)。但截至目前,当你点击Prev&接下来的按钮只是加载数组名而不是内容。
我在这里设置了一个JS Fiddle文件。 http://jsfiddle.net/leemnelson_/Ur7SW/29/
答案 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)