Question

这是我的代码：

$(document).ready(function () {
var na = $("#navDivA");
var nb = $("#navDivB");
var ca = $("#contentA");
var cb = $("#contentB");
var la = $("#home");
var lb = $("#about");
var firstSession = true;

na.on("click", function () {
    ca.load("home.html", function(){
         alert("Loaded");
       });
   });

nb.on("click", function () {
    cb.load("about.html");
   });
}); 

<div id="wrapper">
    <div id="navDivA"><a id="home">Home</a></div>
    <div id="navDivB"><a id="about">About</a></div>
    <div id="contentA"></div>
    <div id="contentB"></div>
 </div>

为什么每次开始点击都会多次提醒？我怎么能避免这个？我想加载一次html文件。

Answer 1

您可以使用功能one代替on。根据文件

每个事件类型的每个元素最多执行一次处理程序。

这似乎是你需要的。将代码更改为

na.one("click", function () {
    ca.load("home.html", function(){
         alert("Loaded");
    });
});

nb.one("click", function () {
    cb.load("about.html");
});

JQuery load（）多次触发

1 个答案: