ホームページ > ウェブフロントエンド > htmlチュートリアル > aタグをクリックしてpage_html/css_WEB-ITnoseにジャンプした後、jqueryを使用して現在クリックしているaタグにスタイルを追加する方法

aタグをクリックしてpage_html/css_WEB-ITnoseにジャンプした後、jqueryを使用して現在クリックしているaタグにスタイルを追加する方法

WBOY
リリース: 2016-06-24 11:20:53
オリジナル
2863 人が閲覧しました

図に示すように、a タグをクリックしてページにジャンプした後、jquery を使用して現在クリックされている a タグにスタイルを追加する方法現在のタグは

div class="footer">  <ul width="100%" border="0" style="text-align: center;">            <li class="ditia"><a class="currentA"><img src="images/home-2.png" /><div>首页</div></a></li>              <li class="ditia"><a href="product.html"><img src="images/list-1.png"/> <div>产品中心</div></a></li>                <li class="ditia"><a href="news.html"><img src="images/news-1.png"/> <div>动态</div></a></li>                      <li class="ditia"><a href="aboutUs.html"><img src="images/call-1.png"/> <div>联系我们</div></a></li>        </ul></div>
ログイン後にコピー
です


ディスカッションに返信 (解決策)

a:visited

a:visited

これは機能しません、スタイル現在の a タグのクリックすると変更され、別のタグをクリックすると、前の a タグが元の状態に戻ります。 はい、現在クリックされているタグが再び変更されました

var $lastLi = $('.footer ul:last'); .addClass("active-ditia");
$lastLi.find('img').attr("src","画像アドレス");

.active-ditia a{
color:'#FE6100';
}

それが機能するかどうか見てみましょう?

var $lastLi = $('.footer ul li:last');

$lastLi.addClass("active-ditia");

$lastLi.find('img').attr("src","Picture)アドレス");

.active-ditia CSS 定義:
.active-ditia{
color:'#FE6100';
}

2# の記述が間違っています。

いくつかの方法があります:

1. Cookie を使用して開いたシリアル番号を記録し、ページがジャンプしたときにそれを読み出します。

2. aのリンクをループし、location.hrefと比較し、同じであるか、同じ文字列が含まれている場合は、各ページにページID値を書き込み、それぞれを判定します。 time 、値がある場合は addClass


いくつかの方法があります:

1. Cookie を使用して開いたシリアル番号を記録し、ページがジャンプしたときにそれを読み出します。

2. a のリンクをループし、location.href と比較し、同じであるか、同じ文字列が含まれている場合は、各ページのページ ID 値を追加します。 time、値がある場合はaddClass

あなたが言及した2番目のメソッドについて詳しく説明してください、これは良いと思います

問題は解決しました、rreee

アドレスバーの値を比較し、クラスを直接割り当てます
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート