如果锚定链接在不同页面中单击，jQuery函数将不起作用

Question

如果我在第1页上单击一个锚定链接，我的简单jQuery函数可以正常工作(正文变为黑色(，但如果我在另一个第2页上有相同的锚定链接来链接并锚定到我的第1页，该函数就不工作了？它回到第1页很好，但第1页的正文并没有像预期的那样变黑？

HTML第1页：

<div id="offcanvas">
<a href="#key-features" class="nav-link">
<span>Key features</span>
</a>
</div>

HTML第2页：

<div id="offcanvas">
<a href="page-1.htm#key-features" class="nav-link">
<span>Key features</span>
</a>
</div>

jQuery:

$("#offcanvas a").click(function(){
$('.offcanvas').offcanvas('hide');
$("body").css('background-color', '#000000')
});

非常感谢您的帮助。B]

Answer 1

所以我设法找到了解决方案，这很有效：

$("#offcanvas a").on("click", function() {
if (window.location.hash) {
$("body").css('background-color', 'black');
}

：(

Answer 2

请使用以下html结构你还没有在html结构上定义id

<div id="offcanvas">
<a href="#key-features" class="nav-link">
<span>Key features</span>
</a>
</div>