プロジェクトをループするために、次のものを取得しようとしています(フェードイン/フェードアウト)。ただし、現時点では、[前へ]ボタンと[次へ]ボタンをクリックすると、配列名のみが読み込まれ、コンテンツは読み込まれません。
ここでJSFiddleファイルを設定しました。http://jsfiddle.net/leemnelson_/Ur7SW/29/
まず最初に..IDは一意である必要があります..そして、同じIDを持つ非常に多くの要素があります。
同じものをクラス名に置き換えてみてください。これにより、コードがよりクリーンになります。
また、ナビゲーション用に単一のdivを使用できるのに、同じDivを何度も繰り返してページをオーバーロードしたいのはなぜですか。
そして、別の部門のプロジェクト..
更新コード
プロジェクトをロードするシングル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/