Question

请一直尝试将此代码添加到我的nav li元素中，但它不起作用。

主页

    <li  id="orange">
                <a href="hotels.php"><span class="glyphicon glyphicon-bed icondeco"></span>Hotel</a>
            </li> 
            <li  id="blue">
                <a href="flights.php"><span class="glyphicon glyphicon-plane icondeco"></span>Flight</a>
            </li> 
             <li  id='red'>
                <a href="cars.php"> <span class="glyphicon glyphicon-star icondeco"></span>cars</a>
            </li>

            <li  id='green'>
                <a href="visas.php"> <span class='glyphicon glyphicon-tags icondeco'></span>Visas</a>
            </li>


            <li  id='plum'>
                <a href="vacation.php"><span class='glyphicon glyphicon-heart icondeco'></span>Vacations</a>
            </li>

            <li  id='purple'>
                <a href="corporate.php"><span class='glyphicon glyphicon-briefcase icondeco'></span>Corporate</a>
            </li>

         </ul>

//我的代码位于页面正文的底部

<!-- Bootstrap Core JavaScript -->
<script src="bootstrap/js/bootstrap.min.js"></script> 

 <script>


     $('.nav li').click(function(){
    $('.nav li').addClass('active').siblings().removeClass('active');
})
</script>

Answer 1

$('.nav li').click(function(){
$(this).siblings().removeClass('active');
$(this).addClass('active');
})

Answer 2

您正在列表中添加PHP类，并删除所有列表中的类。因此，您需要使用active将$(this)类添加到当前单击的列表中，并删除所有兄弟列表类：

active

引导活动导航的代码不起作用

2 个答案: