javascript - 如何使用 Javascript 包含的 jQuery 元素进行选择？

Question

所以我有一个使用此功能添加的菜单:

function loadContent() { 
    $(".navbar").load("navigation.html"); 
} 

navigation.html 看起来像这样:

<ul>
    <li><a href="home.html" class="first">Home</a></li>
    <li><a href="calendar.html">Calendar</a></li>
    <li><a href="profile.html">Profile</a></li>
    <li><a href="charts.html" class="last">Energy Charts</a></li>
</ul>

但是当我尝试在那个菜单中选择一些东西并添加一个类时，让我们说:

$('.navbar a').addClass('activeState');

在Chrome里不行，我想是因为DOM需要刷新什么的，我真的不知道...

Answer 1

您必须等待内容实际加载。将您的代码放在 load 回调函数中:

function loadContent() { 
    $(".navbar").load("navigation.html", function () {
        $('.navbar a').addClass('activeState');
    }); 
}

---

正如@LifeInTheGrey 所指出的，您应该使用单独的函数以获得更好的性能:

function loadContent() { 
    $(".navbar").load("navigation.html", actOnContent); 
}

function actOnContent () {
    $('.navbar a').addClass('activeState');
}

---

您还应该研究选择器缓存...