Question

我从昨天起就像修复此错误一样。我在网站上发现了几个帖子，但没有一个对我有用。我有这个代码html：

<nav class="nav-main mega-menu">
<ul class="nav nav-pills nav-main" id="mainMenu">
    <li><a href="">item1</a></li>
    <li><a href="">item2</a></li>
    <li><a href="">item3</a></li>
    <li class="dropdown">
        <a class="dropdown-toggle" href="page-services.html">
            item4
            <i class="icon icon-angle-down"></i>
        </a>
        <ul class="dropdown-menu">
            <li><a href="">item5</a></li>
            <li><a href="">item6</a></li>
            <li><a href="">item7</a></li>
            <li><a href="">item8</a></li>
            <li><a href="">item9</a></li>
        </ul>
    </li>
    <li><a href="">item10</a></li>
    <li><a href="">item11</a></li>
    <li><a href="">item12</a></li>
</ul>
</nav>

在我有这个代码js：

<script type="javascript">
   $('.nav-pills').on('click', 'li', function() {
   $('.nav-pills li.active').removeClass('active');
   $(this).addClass('active');
   });
</script>

也试试这个：

<script type="javascript">
   $('.nav-main').on('click', 'li', function() {
   $('.nav-main li.active').removeClass('active');
   $(this).addClass('active');
   });
</script>

但不起作用。有人能帮我吗？我尝试了很多我在网站上找到的选项，但这不起作用

Answer 1

试用此版本：http://jsfiddle.net/2y2r2wmm/3/

$('.nav-pills').on('click', 'li', function() {
  $('.nav-pills li.active').removeClass('active');
  $(this).addClass('active');
  return false;
});

Answer 2

尝试将其放在您的代码周围：

$(document).ready(function(){

//your code here

});

class active不能与jquery一起使用

2 个答案: