jquery cannot use ajax response as context in IE

Question

Hi there,

thank you for taking the time to read my question.

I have significantly rephrased my question after some new findings.

My problem is that in my ajax callback, when I set the context of my query to be the returned html of my ajax call, it cannot find any elements.

Some findings:

1. The problem never occurs in Firefox
2. The problem only occurs in IE when logged in as a user in SharePoint with a certain amount of permissions, causing certain extra html to be generated to facilitate administrative functionality. I have come to the conclusion that it is this extra html that is causing the problem.

Unfortunately I am not in control of the html generated, as it is generated by SharePoint.

I have isolated the problem and created a simple test page for you to look at.

Any ideas?

Thanks ever so much!

Answer 1

from what i understood you might want to try the "selector in the url syntax" to reload only specific parts of the page

$("#somediv").load(location.href + " #somediv");

plus, add a random parameter to avoid cache issues:

$("#somediv").load(location.href + "?r=" + Math.random() + " #somediv");

Answer 2

I cannot see anything in firefox, and that is because this bit in your code is wrong:

google.load("jquery", "1.2.6");          //ok
google.setOnLoadCallback(function() {    //ok
   $(document).ready(function()          //not ok, can't be sure if will fire
      {  
         // great stuff here 
      }
   );
});

See this for clarification, document might be (indeed in firefox is) already be readed when the LoadCallback from google is called.

If you can please correct that bit we can further investigate it with firebug to see where the script is broking.

Answer 3

The problem is in how jQuery instantiates html passed to it, possibly lacking a good cross-browser string-to-dom parsing technique (such as createContextualFragment on Mozilla).

To be concrete, there are two regexes in the jQuery's clean function which will have to be fixed:

857: var match = /^<(\w+)\s*\/?>$/.exec(elems[0]);
874: elem = elem.replace(/(<(\w+)[^>]*?)\/>/g, function(all, front, tag){

Both of these will fail to process tags with colon in the name.

The fix:

857: var match = /^<([\w:]+)\s*\/?>$/.exec(elems[0]);
874: elem = elem.replace(/(<([\w:]+)[^>]*?)\/>/g, function(all, front, tag){