1

このコードを使用して、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 コンテンツも変更するようにコードを変更する方法。

4

0 に答える 0