0

私は一体何をしたのですか？

私のサイトで何が起こっているのか教えてください。私は drupal、css、jquery を再学習しています。すべてを同時に行うのはおそらく最善の考えではありませんが、今のところ行き詰まっています。

これは私のテストです: http://surety.lfwebz.com/home3タブを クリックしてページの一番下までスクロールします

私はパネルを扱っているので、ホームページはパネルページ、スライドショーはミニパネル、スクローラーは別のミニパネル、スクローラーの下のテキストは別のミニパネルにあり、すべてがパネルページに配置されています。

箇条書きのテキスト「What is Supplimental Insurance? 」をクリックして、スクローラー テキストの背景色がどのように変化するかを確認します。変更する必要があるのは、テキストの背景色とその右側の段落のみです。

箇条書きのテキスト「私は本当に追加保険が必要ですか? 」をクリックします。ここで、ページ全体、スライドショー、スクローラーがどのように変化するかを確認します。変更する必要があるのは、テキストの背景色とその右側の段落のみです。

これは簡単に言えば[コードのスニペット]すべての箇条書きに対してjqueryが行うことです-リスト項目をクリックし、リスト項目の背景色を変更し、対応する段落の背景色を変更し、以前の選択のbkgd-colorをリセットします

jQuery(document).ready(function(){
holdLinks1 = 'li:contains("What is Supplemental Insur")';

 jQuery(holdLinks1)
            .click(function(){
                jQuery(this).css('background-color', '#C2C2C2');
                jQuery('.views-row-first').show().css('background-color', '#C2C2C2');
                jQuery('li:contains("Do I really need")').css('background-color', '#e4e4e4');
                jQuery('li:contains("What happens when I have")').css('background-color', '#e4e4e4');
                jQuery('li:contains("How do I get supple")').css('background-color', '#e4e4e4');
                jQuery('.views-row-2, .views-row-3, .views-row-4').hide();
            });
});

ここで私は何を間違えましたか？

4

1 に答える 1

0

「投稿」ボタンを押すとすぐに、それが表示されました-学習している人のために-私の問題は、ページ内の他のさまざまなDOMオブジェクトにもあるクラスを参照していることです。

たとえば、[.views-row.views-row-1.views-row-odd.views-row-first]を参照する必要がある場合にのみ.views-row-2を参照したので、その特定の 1 つに焦点を合わせることができます。エレメント。

于 2013-02-08T16:10:11.790 に答える