このコードを使用して、html の一部を別の html にロードします。それはうまく機能しますが、「ホストhtmlファイル」にロードされたソースを置き換えるために、このコードを変更する必要があります。
ありがとうございました。
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を使用しています。サブメニューからの html スニペットを保持する host.php を使用します。submenu.php を直接開くと、すべてがうまく機能しますが、host.php を使用して submenu.php からスニペットをロードすると、テキストと画像は表示されますが、スクリプトは実行されません。ソースを確認すると、divなどのテキストが変更されていないことに気づきました。したがって、jquery .load() によってロードされたコードを追加する必要があると思いますが、間違っているかもしれません。私の下手な英語でごめんなさい。
EDIT 2.このリンクは私の問題を理解するのに役立つかもしれません:
http://demos.malbecmedia.com/ajax-site-demo/
このチュートリアルを使用します。link2 をクリックした後にソースが表示される場合、ソースで #text div コンテンツが変更されていないことがわかります。これは私の問題です。「フロントエンド」だけでなく、ソースの div コンテンツも変更するようにコードを変更する方法。