0

全て。私はしばらくこれに取り組んできましたが、解決策が思いつかないようです。私はイントラネットの新しい FAQ に取り組んでおり、jquery scrollTo プラグインと localScroll プラグインを使用してその感触を実現しています。私が追加したことの 1 つは、ユーザーが質問のリンクをクリックすると、ユーザーを回答までスクロールし、フィールドセットを赤で強調表示して質問への回答を示すことです。

私のJSは次のようになります。

function styleRow(myId) {
  ID = myId.substring(1) var ID = document.getElementById(ID)
  ID.className += " highlight"
}

私のHTMLは次のようになります。

<li><a href="#1_1" onclick="styleRow('#1_1')">Question 1<a></li>
<li><a href="#1_2" onclick="styleRow('#1_2')">Question 2</a></li>
<li><a href="#1_3" onclick="styleRow('#1_3')">Question 3</a></li>


<fieldset class="pad18" id="1_1">
<legend class="SubTitleSmall" id="1_1">Answer 1</legend>
     <p class="MT12 ML24">Answer 1 Text</a></p>
</fieldset> 

     <fieldset class="pad18" id="1_2">
<legend class="SubTitleSmall" id="1_2">Answer 2</legend>
<p class="MT12 ML24">Answer 2 Text</p>
</fieldset> 

<fieldset class="pad18" id="1_3">
<legend class="SubTitleSmall" id="1_3">Answer 3</legend>
     <p class="MT12 ML24">Answer 3 Text</p>
</fieldset>

現在、ユーザーがブックマーク リンクをクリックすると、行が正常に強調表示されます。ただし、トップに戻って別のリンクをクリックすると、以前に選択した質問のスタイルがクリアされません。現在、そのためのコードが含まれていないことを知っています。それが私がここにいる理由です。

どんな助けでも大歓迎です！

4

1 に答える 1

1

jQueryを使う場合、

function styleRow(myId){
    $(".highlight").removeClass("highlight");
    $(myId).addClass("highlight");
}

ただし、次のことに注意してidください。

  • 文字で始まる必要があります: AZ または az
  • 後に文字 (A-Za-z)、数字 (0-9)、ハイフン ("-")、およびアンダースコア ("_") を続けることができます
于 2012-09-04T19:06:23.667 に答える