Question

I know that Jquery.LOAD is supposed to replace all the content of a div, but can I perhaps .append a page instead of .load a page (or some function like .append where I can load an external page inside a div)? I have some headers than I don’t want replaced that reside in said div.

Right now I am using the onClose event in a Fancybox to load a page back into a div with the class “heriyah”, how could I use that with .get, .ajax, or some other function??

EDIT: Okay, so I added this to my fancybox, and it appears that append is not going to work after all because it adds to what is already loaded rather than refreshing the DIV. Sorry if this is confusing, but I have PHP looping through the database and making appends for the data, so I want the data to be refreshed on Fancybox close which works with .load, but that deletes my content headers already in the DOM (which is weird).

Answer 1

You can use append with Jquery get,

 $.get("URL",null,function (data){
          $('#content') .html(data);      
     });

http://api.jquery.com/jQuery.get/

EDIT,

Then place the content in another sub div and replace it like this,

<div id="yourDiv">
//your headers here..
   <div id="content">

    </div>

</div>