2017-07-31 6 views
-1
var url = window.location.pathname; 
var filename = url.substring(url.lastIndexOf('/')+1); 
$("ul").find("a[href=filename]").addClass('active'); 

<a>に特定のhrefを持つクラスを追加するにはどうすればよいですか?私のheader.phpの中にULと

<li><a href="index.php">Főoldal</a></li> 
<li><a href="gallery.php">Galéria</a></li> 
<li><a href="games.php">Játékok</a></li> 
<li><a href="contacts.php">Elérhetőségeink</a></li> 
<li><a href= "about.php">Rólunk</a></li> 

私はこれで時間を過ごしました。私は現在、私が現在使っているサイトに基づいてアンカータグにクラスを追加できません。

+1

私たちは 'にconsole.log(ファイル名)の出力が何であるかを知っている;' VARファイル名= url.substring(url.lastIndexOf( '/')+ 1)の後に '.Adそれ;'とチェックあなたのブラウザのコンソールと私たちに連絡してください。 –

+0

'$(" ul> li> a [href = '"+ファイル名+"'] ")を実行してください。addClass( 'active')'おそらく動作します。 PHPはPHPがより正確な部分を知っているので(例えば、書き換えなどを使う予定がある場合など) – apokryfos

答えて

1

この試してみてください:あなたはURIを取得します。これにより

$uri=$_SERVER['REQUEST_URI']; 

は、 "/index.php" のように、今、あなたはあなたのタグ内のURLとそれを比較する必要があります。私は次のように、JS/jQueryのを使用することをお勧めしたいにもかかわらず:

var current_path_url=window.location.pathname; 

$('a[href="'+current_path_url+'"]').parent().addClass('active'); 
1

変数は展開内の引用符で囲まれた文字列は、あなたがES6テンプレートリテラルを使用する場合を除き、(連結を使用する必要がされていませんが、古いブラウザではありませんそれらをサポートする)。

$("ul > li > a[href=" + filename + "]").addClass('active'); 
関連する問題