html关键代码:

解决 jQuery 事件 - load() 方法 多次加载嵌套页面的问题


js代码如下:


var loadNum=0;//初始化加载次数

/**

 * 初始化页面
 */
$(function() {
clickNav();

});

/**
 * 点击导航栏时切换内容
 */
function clickNav() {
$(".nav-pills li a").click(function(e) {
var href=e.target.href;
//若切换导航栏,则重新计算加载次数
if(href!=sessionStorage.getItem("href")){
loadNum=0;
}
sessionStorage.setItem("href",href);
loadNum++;//计算浏览器加载次数
//限制每次点击仅加载一次嵌套的页面
if(loadNum==1){
$('#main-content').load(href);
}
});
}

相关文章: