javascript - addClass jQuery 和 AJAX .load() 问题

Question

我正在使用 Bootstrap，我希望当用户单击导航链接时从当前

中删除类(这有效)并向单击的类添加事件类(这无效)。

第二件事是我想使用 AJAX .load() 更新 .container-fluid div，但由于某些原因不起作用。我有一个单独的 html 文件。我以前做过，但没有使用 Bootstrap 并且代码有效，所以我不知道现在是什么问题。

下面的代码

$('nav a').on('click', function(event) {
event.preventDefault();
/* Act on the event */
var url = this.href;

$('nav li.active').removeClass('active');
$(this).addClass('active');

$(".content").remove();
$(".container-fluid").load(url + '.container-fluid').hide().fadeIn('slow');

});

HTML - 导航

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
     <other bits>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">One </a></li>
          <li><a href="two.html">Two</a></li>
          <li><a href="#">Three</a></li>

和 HTML - 只是负责在两个 HTML 站点上交换 div 的 div 看起来像这样。

<div class="container-fluid">
  <div class="content">
    <div class="row">
      <div class="col-xs-12 col-sm-10 col-md-10 col-sm-offset-1 col-md-offset-1">
        <div class="row">

Answer 1

你需要给li添加类

将您的代码更改为

$(this).parent("li").addClass('active');

这会将事件类添加到包装了 a

的 li