我正在使用 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">
最佳答案
你需要给li添加类
将您的代码更改为
$(this).parent("li").addClass('active');
这会将事件类添加到包装了 a
li
关于javascript - addClass jQuery 和 AJAX .load() 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31533969/