Question

我有一个多级jquery的{{1}}代码。一切都很完美。

我只想更改活动列表文本的颜色，并在非活动状态时恢复正常。

每次我在函数内部放置一个if语句时，它都会使用click函数运行，而不是在函数执行后运行。

因此我的dropdown没有提供所需的输出。

有没有办法在每次点击发生后设置条件并执行它？

if statement

Answer 1

我会使用CSS类将选定的css添加到点击的项目中。

$('.navbar-nav li').on("click", function(event) {
  
  // remove previous active_li class
  $(".navbar-nav").find('.active_li').removeClass("active_li");
  
  // add active class to the clicked li
  $(this).addClass("active_li");
  
});

.active_li {
  color: red;
}

li:hover {
  cursor:pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class='navbar-nav ul-reset'>
  <li>Title</li>
  <li>Name</li>
      <ul>
      <li>Title2</li>
      <li>Test2</li>
    </ul>
</ul>

在jquery中的每个单击函数后运行一个条件

1 个答案: