我使用此代码将我的 html 的一部分加载到另一个中。它运行良好,但我需要修改此代码,以替换“主机 html 文件”中加载的源代码,因为如果我在 .load() 之后看到我的源代码,而不是我没有看到插入的代码。
谢谢你。
var AjaxContent = function(){
var container_div = '';
var content_div = '';
return {
getContent : function(url){
$(container_div).animate({opacity:0}, //Turn the opacity to 0
function(){ // the callback, loads the content with ajax
$(container_div).load(url+" "+content_div, //only loads the selected portion
function(){
$(container_div).animate({opacity:1}); //and finally bring back the opacity back to 1
}
);
});
},
ajaxify_links: function(elements){
$(elements).click(function(){
AjaxContent.getContent(this.href);
return false; //prevents the link from beign followed
});
},
init: function(params){ //sets the initial parameters
container_div = params.containerDiv;
content_div = params.contentDiv;
return this; //returns the object in order to make it chainable
}
}
}();
编辑:
对不起。所以,我不想修改文件,但我使用需要一些类、div 等的 Yoxview 来运行。我使用 host.php 来保存子菜单中的 html 片段。如果我直接打开我的 submenu.php,那么一切正常,但如果我使用 host.php 并从 submenu.php 加载 snipett,似乎一切正常,显示的文本和图像,但我的脚本没有运行。如果我检查源代码,我会意识到它并没有改变 div 等文本的缺失。所以我很难我需要附加由 jquery 加载的代码 .load() 也许我错了。对不起我糟糕的英语。
编辑 2. 也许这个链接将有助于理解我的问题:
http://demos.malbecmedia.com/ajax-site-demo/
我使用本教程。如果您在点击链接2 后看到源代码,您会看到源代码中的#text div 内容没有变化。这是我的问题。如何修改代码以更改源中的 div 内容,而不仅仅是“前端”。