ansaurus

Question

Answer 1

A:

On which object do you use the .load function?

Saebekassebil 2010-02-07 13:47:08

im calling a colorbox on a link element. IN FF and IE it works, on Chrome it filters out the thing.... Is there by any chance a .live() method for the document ready function?

Rickjaah 2010-02-07 13:55:31

Answer 2

+1 A:

The load method has an implicit (and unavoidable, I believe) filter on the body of the document. This used to be documented on the jQuery site, but seems to be missing in the current documentation. Consider that load places the returned data inside a container in the body and it becomes obvious why it filters out everything outside the body -- it's illegal to have multiple html and/or head elements in the document and they are most certainly illegal inside any element that would be contained in the body of a document.

Note: I'm easily able to load script elements that appear in the body of the document. Perhaps all you need to do is move them from the head to the body of the fragment. One caveat is that the script may need to be local to your site. Browsers may refuse to load remote scripts loaded via ajax due to security concerns.

tvanfosson 2010-02-07 13:48:01

Answer 3

+1 A:

You can do this as a work-around for the script stripping (updated to match your posted code):

If your call is this:

$("#myElem").load("myPage.htm");

You can try with a callback added (if you pass params, callback is the third param):

$("#myElem").load("myPage.htm", function(resp) {
  $('.teaminfo', resp).colorbox();
});

Just place the <script src="/js/jquery.colorbox-min.js" type="text/javascript"></script> in your main page instead now. This will call .colorbox(); on the .teaminfo elements only within the response when it comes in.

For the other question, yes, you can pass what's in the body only and see the same result.

Nick Craver 2010-02-07 14:12:05

ansaurus

tags:

views:

answers:

jquery load IE FF and Chrome

related questions