小编Fre*_*red的帖子

如何使用jquery在引导程序中激活导航栏

我想点击它时让导航栏处于活动状态,

这是我使用的jquery

$(document).ready(function () {
        $('.navbar li').click(function(e) {
            $('.navbar li').removeClass('active');
            var $this = $(this);
            if (!$this.hasClass('active')) {
                $this.addClass('active');
            }
        e.preventDefault();
        });         
    });
Run Code Online (Sandbox Code Playgroud)

但因为preventDefault我不能去我想要的链接.它只是使导航栏处于活动状态,但它不会转到我选择的链接.

这是链接代码:

<div class="nav-collapse collapse">
    <ul class="nav">
        <li><a href='<?php echo site_url(' tampilan ') ?>'>Knowledge Base</a>
        </li>
        <li><a href='<?php echo site_url(' ticketing/browse_ticketing ') ?>'>Ticketing</a>
        </li>
        <li><a href='<?php echo site_url(' user/logout ') ?>'>Logout</a>
        </li>
    </ul>
</div> 
Run Code Online (Sandbox Code Playgroud)

如果我不使用preventDefault()导航栏将不会激活,但如果我使用它我不能去我想要的链接..

html jquery navbar twitter-bootstrap

1
推荐指数
1
解决办法
2万
查看次数

标签 统计

html ×1

jquery ×1

navbar ×1

twitter-bootstrap ×1