0

さて、ここではこのコーディングを使用して、タブスイッチスタイルベースでdivを表示および非表示にしています：http：//jsfiddle.net/AXj53/4/ 

    jQuery('a[id^="link"]').click(function(){
    var vid_id = jQuery(this).attr("id").replace("link", "#testVid");
    jQuery('div[id^="testVid"]').hide();
    jQuery(vid_id).show();

ホバーの状態と選択したdivの状態を作成したいのですが、機能しないようです。ホバーと選択したリンクに一種のはめ込みシャドウを与えるためにJSでできることはありますか？

すべてが大いに感謝するのに役立ちます。

4

1 に答える 1

0

これはJSで実行できますが、JSイベントバインディングを必要としないCSSセレクター：activeおよび：hoverを活用する方が簡単です。選択したアイテムにCSSスタイルを追加してから、クリックイベントのコールバック内で.selectedクラスを取得する要素を切り替えることもできます。

ここでjsfiddleを更新しましたhttp://jsfiddle.net/AXj53/16/：hover、：active、.selectedのCSSセレクターを追加し、JSで要素クラスを切り替えます。

$(this).addClass('selected');
$(this).siblings().removeClass('selected');
于 2013-02-25T11:26:30.073 に答える