2017-02-23 7 views
0

別のページから特定のタブにクラスを追加することは可能ですか?別のページからタブにクラスを追加する

私の例は、私はホームページに、私は3つのスライドを持つスライダを持っています。各スライドには別のページのタブにリンクする必要のある行動を促す措置があります。

だから私は、ホームページ上で

<a href="<?php bloginfo ('url');?>/features/#anchorname 

を持っている場合、特定のタブにページのロードのアクティブなクラスを追加する方法はありますか?

これは、リンクする必要のあるページにコンテンツが表示される方法です。 https://gist.github.com/anonymous/11bbffb588baa4acc55392ff50592993

ありがとうございます。 水田

+0

で試すことができますか? – lcssanches

+0

私の答えを参照してください@paddywinz – lcssanches

+0

質問のページです:http://www.grofar.com/features-2/ – paddywinz

答えて

0

正規表現はURLでアンカーを取得します。

私はあなたがjQueryのを使用していないことがわかり、あなたはあなたが本当のアクティブなタブ/メニュー項目をアクティブにするクラスを設定したいこの

var active_section = '' + document.URL.match(/(?:#).*/) ; 
if(document.querySelector("a.tab.active")){ 
document.querySelector("a.tab.active").classList.remove('active'); 
} 
document.querySelector('[href="'+active_section+'"]').className += ' active'; 
+0

返信いただきありがとうございます、私はこれをスクリプトとして追加したが、壊れたリンクに行きます。 sldierが表示されているページは次のとおりです。http://www.grofar.com/home-2/ – paddywinz

+0

私はもう少し近づき、ページにリンクしています。アクティブなクラスをまったく追加していません。 – paddywinz

+0

@paddywinzそれは今動作していますか?私はここで試してみました。 – lcssanches