-1

我试图让以下内容循环通过项目(淡入/淡出)。但截至目前,当您单击 Prev & Next 按钮时,它只加载数组名称而不是内容。

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

4

4 回答 4

1

首先.. ID 应该是唯一的.. 而且你有这么多具有​​相同 ID 的元素。

尝试用类名替换相同的名称,这会使您的代码更清晰。

另外,当您可以简单地使用单个 div 进行导航时,为什么要一遍又一遍地使用相同的 Div 来使页面超载..

以及单独 div 中的项目 ..

更新代码

检查这个小提琴

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

于 2012-09-25T17:22:22.960 回答
1

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

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

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

于 2012-09-25T17:25:53.143 回答
1

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

您正在将 设置.html()为数组中的字符串值。您需要对具有该 ID的元素使用 jQuery。

所以而不是:

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

利用:

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

看起来您之前的按钮仍有问题...我现在来看看。


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

于 2012-09-25T17:28:02.870 回答
0

chk 更新的小提琴

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

文本应该进入p元素内部

希望这可以帮助!

于 2012-09-25T17:24:37.597 回答