gpt4 book ai didi

javascript - 将类添加到加载到页面中的元素

转载 作者:行者123 更新时间:2023-12-04 09:02:53 25 4
gpt4 key购买 nike

我目前正在建立一个网站并试图解决这个问题。
我的标题位于一个单独的 HTML 文档中,如下所示:

<div class="topnav" id="myTopnav">
<a href="Index.html" id="home"><i class="fa fa-fw fa-home"></i>Home</a>
<a href="Drinks.html" id="drinks"><i class="fa fa-fw fa-coffee"></i>Drinks</a>
</div>
现在在每个页面上,我都从这个 HTML 加载标题:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#content').load("Header.html");
});
</script>
</head>

<header class="head">
<div id="content"></div>
</header>
现在我正在尝试向“a href”-Tag 动态添加一个类以使其处于事件状态,但这不起作用。我尝试在“head”-Tag 中编写另一个函数:
 <script>
function addAct() {
var element = document.getElementById("#home");
element.classList.add(".active");
};
</script>
并在调用加载函数后立即在“head”-Tag 中手动调用它:
 <script>addAct()</script>
这似乎不起作用。我尝试了很多其他解决方案,但找不到任何有效的解决方案。
有人可以帮忙吗?
非常感谢!

最佳答案

您是否尝试使用 complete .load() 中的回调
像这样:

$(document).ready(function(){ 
$('#content').load("Header.html", function(){
// complete loading
$('#home').addClass('active')
});
});
如果您使用原生 js,则不需要在 classList.add('active') 中设置点 (.)如果你加点你会得到 <div class=".active"></div>

关于javascript - 将类添加到加载到页面中的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63524287/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com