1

我使用此代码将我的 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 内容,而不仅仅是“前端”。

4

0 回答 0