Javascript Ajax站点。页面是否正确加载取决于上一页
我想听听你的意见。我正在构建一个ajax网页。我的链接获取他们链接到的URL,选择div.content并更改实际div.content的内容 此GET操作检索包含一些代码的HTML代码。它看起来执行得很好,但只有在我没有从特定链接提交时才执行。我看不出有什么道理 我不知道在这里发布哪些代码可能有用以查看效果,如果粘贴的代码太多或太少,我表示歉意 我有以下两个功能来管理主布局中新脚本资源的加载:Javascript Ajax站点。页面是否正确加载取决于上一页,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我想听听你的意见。我正在构建一个ajax网页。我的链接获取他们链接到的URL,选择div.content并更改实际div.content的内容 此GET操作检索包含一些代码的HTML代码。它看起来执行得很好,但只有在我没有从特定链接提交时才执行。我看不出有什么道理 我不知道在这里发布哪些代码可能有用以查看效果,如果粘贴的代码太多或太少,我表示歉意 我有以下两个功能来管理主布局中新脚本资源的加载: loadScript: function (scriptUrl, callback) { i
loadScript: function (scriptUrl, callback) {
if (jsArray[scriptUrl]) {
console.log("loadScript already loaded " + scriptUrl);
callback && callback();
} else {
jsArray[scriptUrl] = true;
console.log("loadScript " + scriptUrl);
var body = document.getElementsByTagName("body")[0];
var script = document.createElement('script');
script.type = "text/javascript";
script.src = scriptUrl;
script.onload = callback;
body.appendChild(script); //or something of the likes
}
},
loadScripts: function (scriptsUrl, callback) {
console.log("loadScripts");
if (scriptsUrl.length === 1) {
this.loadScript(scriptsUrl[0], callback);
} else {
var scriptUrl = scriptsUrl[0];
scriptsUrl.shift();
this.loadScript(scriptUrl, function () {
Main.loadScripts(scriptsUrl, callback)
});
}
}
};
我的所有异步类链接都绑定到此函数:
var loadAsyncUrl = function (url) {
if (main.currentPage === url) {}
main.currentPage = url;
$("div.container .page-content").hide();
$("div.container .loading-link").show();
$.get(url, function (data) {
$("div.container #page-header").html($(data).find("div.container #page-header").html());
$("div.container .breadcrumb").html($(data).find("div.container .breadcrumb").html());
$("div.container .content").html($(data).find("div.container .content").html());
$("div.container .loading-link").hide();
$("div.container .page-content").show();
}, 'html')
.fail(function (e) {
alert("ERROR 404");
console.log(e);
});
};
如果我从页面A转到任何页面,甚至页面A本身,则不会调用位于div.content底部的loadScripts调用。另一方面,如果我从B页转到任何一页,甚至是A页,代码都会正确执行
事实上,页面A的HTML代码比其他页面要重一些,所有的CSS规则等都会消耗更多的时间来呈现。这可能是原因吗?如果我再次从A页加载A页,您如何解释它是否正确加载
你将如何处理这个问题?我希望链接指向一个完整的网页,而不仅仅是我想加载的部分html。我之所以要这样做,是因为如果用户决定在新选项卡中打开,他们就拥有了整个部分。从您的代码中可以看出,我怀疑您的页面中可能缺少一些选择器 $div.container页面标题 $div.container.面包屑 $div.container.content 尝试检查对象的“长度”属性
if ($("selector").length > 0){
//replace html
}
筑坝!找了三天,它就在我面前 在我的页面A中的div.container中有不止一个div.content 已更改为唯一id和工作状态
抱歉您从控制台收到任何错误吗?我没有。问题解决了。JS是如何执行的,即使它没有达到我的预期,但这是另一点。。。谢谢我的回答让你走上正确的道路谢谢你的回答但没有成功。。。我试过了,什么也没有。无论如何,所有元素都有内容。您从控制台收到任何错误吗?如果是,你能邮寄吗?