jQuery.load 函数多次加载未指定的元素时出现问题



如果我说错了/问错了,我很抱歉,我是新手和学习,但需要帮助。

我有我的主索引.html设置了jquery mini andm y app.js链接到它。

let about = document.getElementById('aboutme');
about.onclick = function go() {
$("#loadtarget").load("about.html #loadtarget");
}
let home = document.getElementById('home');
home.onclick = function go() {
$("#loadtarget").load("index.html #loadtarget");
}

在我的应用程序中.js以便当有人单击它时加载 about.html #loadtarget 元素,当我从家转到关于我时,该元素工作正常,但是,从"关于我"回到主页时 我的导航栏重复,并出现两次...现在在我的索引中.html我的导航栏不在我的加载目标中

<main class="main" id="loadtarget">

并且在浏览器中调试时,我看到:

Uncaught SyntaxError: Identifier 'navbar' has already been declared
at b (jquery-3.5.1.min.js:2)
at Function.globalEval (jquery-3.5.1.min.js:2)
at Object.dataFilter (jquery-3.5.1.min.js:2)
at jquery-3.5.1.min.js:2
at l (jquery-3.5.1.min.js:2)
at XMLHttpRequest.<anonymous> (jquery-3.5.1.min.js:2)
at Object.send (jquery-3.5.1.min.js:2)
at Function.ajax (jquery-3.5.1.min.js:2)
at Function.S._evalUrl (jquery-3.5.1.min.js:2)
at Pe (jquery-3.5.1.min.js:2)

关于如何防止我的导航栏在从关于我回家后加载两次的任何想法? 另外,我不知道这是否有帮助:导航栏是我自己设计的导航栏,不使用jquery的导航栏API,在添加jquery-mini文件之前,我在我的网站上有它。

作为旁注:当从家里去关于我时,我知道我的应用程序.js执行,因为我的页脚在那里,这是 JS 为设置年份和版权而添加的元素,但其他一些功能(我的一些 onClick 函数(停止工作,这也让我感到困惑,任何帮助将不胜感激。

导航栏 onclick 函数运行正常,但我在我的网站上有一些 JS 示例,用户可以在其中单击 main 元素中的 p 元素,它会将 innerHTML 设置为其他内容,展示 JS 技巧,这就是停止工作的函数

再次,对不起,如果我的问题措辞错误,我还在学习。

我通过更改修复了导航栏问题

let about = document.getElementById('aboutme');
about.onclick = function go() {
$("#loadtarget").load("about.html #loadtarget");
}
let home = document.getElementById('home');
home.onclick = function go() {
$("#loadtarget").load("index.html #loadtarget");
}

let about = document.getElementById('aboutme');
about.onclick = function goAbout() {
$("#loadtarget").load("about.html #loadtarget");
}
let home = document.getElementById('home');
home.onclick = function goHome() {
$("#loadtarget").load("index.html #loadtarget");
}

刚刚更改了函数名称,它也摆脱了未捕获的语法错误...... 但是,我的脚本无法正常运行(我的一些onclick函数仍然停止工作,有什么想法吗?

导航栏 onclick 函数运行正常,但我在我的网站上有一些 JS 示例,用户可以在其中单击 main 元素中的 p 元素,它会将 innerHTML 设置为其他内容,展示 JS 技巧,这就是停止工作的函数

最新更新