addClass jQuery和AJAX .load（）的問題

Question

我正在使用Bootstrap，我希望當用戶單擊導航鏈接以從當前<li>中刪除類時（這有效）並將活動類添加到單擊的類中（這不行）。

第二件事是我想使用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

您需要添加課程到李

將您的代碼更改為

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

這將主動類添加到li已包裹a