-1

linkbuttonsユーザーが現在のリンクを選択すると、赤になるはずの3 つがありますが、現在、訪問したリンクも赤くなります。

<li>
<asp:LinkButton ID="lnkCat1" runat="server" 
OnClick="lnkCat1_Click" CssClass="mylink" 
OnClientClick="return changeColor();"></asp:LinkButton></li>

<script type="text/javascript">
  function changeColor(e) {
        e.style.color = "red";
        }              
  }
</script>
4

2 に答える 2

0

このコードを試してください:

最初にjqueryを含めてください

CSS

.red {
     color: red;
}

JavaScript:

<script type="text/javascript">
    function changeColor(e) {
        $('.red').removeClass('red');
        $(e).addClass("red"); 
    }
</script>
于 2013-01-02T15:51:15.277 に答える
0

これは生の JavaScript コードです。つまり、jQuery のようなライブラリは必要ありません。

<li>
<asp:LinkButton ID="lnkCat1" runat="server" 
OnClick="lnkCat1_Click" CssClass="mylink" 
OnClientClick="return changeColor(this); return false;"></asp:LinkButton></li>

<script type="text/javascript">
  function changeColor(e) {
     e.style.color = "red";
  }              

</script>

この行

OnClientClick="return changeColor(this); return false;"

link 要素を javascript 関数 に渡し、changeColorすぐreturn falseに に渡すため、リンクのデフォルト アクション (別のページにアクセスする) は発生しません。（これはIEの場合は異なる場合があります）

あなたの実際の機能にも余分な}ものがありました。

Firebug や Chrome の開発者ツールなどを使用して、表示される JavaScript エラーを表示できるようにします。

于 2013-01-02T16:07:07.713 に答える