私が抱えている問題は、私がスライドショーのタイプを構築していて、特定の動作の後、ハイライトするコード (スライド番号の色を緑から赤に変更) がすべて機能しているにもかかわらず、新しいスライドが機能しないことです。その他の状況。
私の例は、このリンクにあります。スライドショーを 5 枚のスライドで再生します。すべてが正常に機能します (スライドが表示されると、番号が強調表示されます)。数字をクリックしても機能し、8 秒後にスライドショーが続きます。ここで、「ブロックの更新」テキストをクリックし、「ニュースとイベント」テキストをクリックして戻すと、問題が発生します。スライドショーはスライド 1 (番号 1 は赤) から開始する必要がありますが、番号 1 は緑のままです。スライドが変わると、番号 2 は緑色のままです。スライドが再び変化し、3 は緑色のままです。スライドが再び変わり、4 が赤くなります。スライド 5 も同様です。
私は自分の知識を利用して、残りの髪を引き裂く準備ができています. 助けてください！
あなたの例には壊れたリンクがいくつかあります。まず、jquery UI の URL を 10.2.24.111/js/jquery-ui-1.9.0.custom.min.js および 10.2.24.111/css/smoothness/jquery として修正してみてください。 -ui-1.9.0.custom.css.
リンクが 1 ～ 3 では機能せず、4 および 5 では機能しない理由がわかりました。
これは、各スライドの ID が id="1"、id="2" などであるためです。2 番目のスライド ショー (スライドが 3 つしかありません) をロードすると、ページに 2 つのスライド ショーが表示されます。 1、2、および 3 の同じ ID。
したがって、修正は、次のように各リンクを変更することです。
<a href="#theFeeds" class="promoNav" id="1">1</a>
次のような接頭辞を付けるには:
<a href="#theFeeds" class="promoNav" id="feeds_1">1</a>
したがって、同じページに ID が重複することはありません。