我试图让以下内容循环通过项目(淡入/淡出)。但截至目前,当您单击 Prev & Next 按钮时,它只加载数组名称而不是内容。
我在这里设置了一个 JS Fiddle 文件。http://jsfiddle.net/leemnelson_/Ur7SW/29/
首先.. ID 应该是唯一的.. 而且你有这么多具有相同 ID 的元素。
尝试用类名替换相同的名称,这会使您的代码更清晰。
另外,当您可以简单地使用单个 div 进行导航时,为什么要一遍又一遍地使用相同的 Div 来使页面超载..
以及单独 div 中的项目 ..
更新代码
检查这个小提琴
我已经对其进行了必要的修改,以使用加载项目的 Single Div 包装器
您正在加载整个数组并将其作为 HTML 放置。而是加载数组元素,如下所示:
$('.innerContent .projectInfo').html(webProjects[c]);
并且您将数组值作为 HTML 放置,它将用数组替换按钮。尝试将数组值放在不包含按钮的单独 div 中。
我认为这更接近您正在寻找的内容:http: //jsfiddle.net/Ur7SW/33/
您正在将 设置.html()
为数组中的字符串值。您需要对具有该 ID的元素使用 jQuery。
所以而不是:
$('.innerContent').html(webProjects);
利用:
$('.innerContent').html($("#"+ webProjects[c]));
看起来您之前的按钮仍有问题...我现在来看看。
还有其他问题。上一个按钮的问题、重复id
的属性、重复使用相同的元素等。我已经在这个小提琴中修复了所有这些问题:http: //jsfiddle.net/Ur7SW/49/