9

この質問がよく出くわすことは知っていますが、すでに回答済みの投稿を使用してこれを行う方法がわかりません。

ナビゲーション リンクを含むヘッダーがあります。class="active"現在アクティブなリンクに追加したいと思います。

次のナビゲーションがある場合、どうすればこれを行うことができますか?

<nav>
    <ul id="main_nav">
        <li class="home">
            <a href="search">
                <i class="icon-search"></i>
                <span>BEDRIJF ZOEKEN</span>
            </a>
        </li>
        <li class="categorie">
            <a href="categorieen/all">
                <i class="icon-list-ul"></i>
                    <span>CATEGORIE</span>
            </a>
        </li>
        <li class="aanbieding">
            <a href="aanbiedingen">
                <i class="icon-shopping-cart"></i>
                    <span>AANBIEDING</span>
            </a>
        </li>
        <li class="vacature">
            <a href="vacatures">
                <i class="icon-copy"></i>
                <span>VACATURE</span>
            </a>
        </li>
        <li class="agenda">
            <a href="agenda">
                <i class="icon-calendar"></i>
                <span>AGENDA</span>
            </a>
        </li>
        <li class="contact">
            <a href="contact">
                <i class="icon-envelope"></i>
                <span>CONTACT</span>
            </a>
        </li>
    </ul>
</nav>

私はこれを試しましたが、うまくいきませんでした：

<script>
$(function() {
    var href = $(this).find('a').attr('href');
    alert(window.location.pathname)
    if (href === window.location.pathname) {
      $(this).addClass('active');
    }
}); 
</script>

たぶん、より良い Codeigniter 風の方法がありますか?

4

4 に答える 4

16

これを試してみてください.javascriptやjqueryは必要ないと思います.

codeigniter を使用している場合は、URI クラスを使用できます。

<li class="home">
    <a class="<?php if($this->uri->segment(1)=="search"){echo "active";}?>" href="<?=base_url('search')?>">
        <i class="icon-search"></i>
        <span>BEDRIJF ZOEKEN</span>
    </a>
</li>

問題が発生した場合はお知らせください

于 2013-08-13T12:54:36.390 に答える
0 
if (href === window.location.pathname) {
   $('a[href='+ href +']').addClass('active');
}
于 2013-08-13T12:48:43.963 に答える
0

これを試してください：

<a class="<?=(current_url()==base_url('search')) ? 'active':''?>" href="<?=base_url('search')?>">
于 2015-06-19T08:56:52.353 に答える