-1

プロジェクトをループするために、次のものを取得しようとしています(フェードイン/フェードアウト)。ただし、現時点では、[前へ]ボタンと[次へ]ボタンをクリックすると、配列名のみが読み込まれ、コンテンツは読み込まれません。

ここでJSFiddleファイルを設定しました。http://jsfiddle.net/leemnelson_/Ur7SW/29/

4

4 に答える 4

1

まず最初に..IDは一意である必要があります..そして、同じIDを持つ非常に多くの要素があります。

同じものをクラス名に置き換えてみてください。これにより、コードがよりクリーンになります。

また、ナビゲーション用に単一のdivを使用できるのに、同じDivを何度も繰り返してページをオーバーロードしたいのはなぜですか。

そして、別の部門のプロジェクト..

更新コード

このフィドルを確認してください

プロジェクトをロードするシングル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 に答える