javascript - jQuery addClass 到列表项

Question

我有多个页面，它们都在顶部使用一个简单的选项卡菜单。 菜单(又名列表)存储在一个单独的 html 文件中:

<ul>
  <li id="Tab1"><a href='../Page1.html'> Page1 </a></li>
  <li id="Tab2"><a href='../Page2.html'> Page2 </a></li>
  <li id="Tab3"><a href='../Page3.html'> Page3 </a></li>

每一页都有<div id='tabs'> </div>和

$('#tabs').load('CommonTabs.html');

一切正常，我的选项卡加载到“选项卡”div 中。现在我想将每个页面上的一个 div 类设置为“事件”，以便可以应用 css 中定义的正确样式。 我试过:

$('#tabs').load('CommonTabs.html');
$('#Tab1'.addClass("active");

但这似乎行不通。当我在浏览器中执行“检查元素”时，li 没有分配“事件”类。

Answer 1

load 函数是异步的，因此在执行第二次调用时不会加载数据。改为在回调函数中执行它:

$('#tabs').load('CommonTabs.html', function () {
    $('#Tab1').addClass("active");
});