Bootstrap 3 - 使用 jQuery 从动态加载的 li 中删除 class= "disabled"

Question

我正在使用Bootstrap 3，并将一个通用菜单加载到我所有的html页面中。菜单中的某些元素被禁用，当我在某些页面上时，我想启用它们(即，当您将鼠标悬停在所选内容上时，不再灰显，也不再有红圈(。我已经阅读并尝试了以下解决方案。

HTML:

<ul class="dropdown-menu">
<li><a class="dropdown-item" href="E1ActivitySelect.html">Activity - E1 Administration</a></li>
<li><a href="#">Activity - E1</a></li>
<li class="divider"></li>
<li class="disabled" id="liCamp"><a href="Camp.html">Camps</a></li>
<li class="disabled"><a class="dropdown-item" href="#">Hikes</a></li>
<li class="disabled"><a href="#">Major Events</a></li>
<li class="disabled"><a href="#">Pen Pals</a></li>
</ul>

JS:

$(document).ready(function(){
//Include the common menu and amend
$("#includedContent").load("Menu.html");
// I have tried all these
//  document.$("#liCamp").attr("disabled", false);
//  document.$("#liCamp").attr("disabled", "");
//  document.$("#liCamp").removeAttr("disabled");
//  document.getElementById("liCamp").removeAttribute("class");
//  document.getElementById("#liCamp").removeAttribute("class");
//  document.$(".disabled").removeClass("disabled");
document.$("#liCamp").removeClass("disabled");

Answer 1

您可以为.load()方法使用回调函数。

$("#includedContent").load("Menu.html", function(){
$("#liCamp").removeClass("disabled");
});

Answer 2

试试这个：

$("#liCamp").removeClass('disabled');