ansaurus

Question

Using jQuery .load breaks links to other library resources?

Answer 1

+1 A:

Seems like a common problem: http://andreineculau.wordpress.com/2006/09/29/ajax-ondemand-javascript-or-dynamic-script-tags/

I'm guessing it's security built into browsers to prevent an ajax response from running arbitrary script.

calebt 2008-11-19 19:28:09

I don't see this as a security feature. The process is (1) read a string via ajax. (2) convert string into DOM elements. (3) insert those into the document. The "running arbitrary script" comes in step (3). The string ceases to be a "ajax response" after step (1).

James Curran 2008-11-19 21:02:46

Answer 2

+2 A:

I have code doing this, it might be more verbose than is needed, but nested js files shouldn't be a problem.

jQuery.get('default.aspx', null, function(data) {
    $('#default').append(data);
}, 'html');

kkubasik 2008-11-19 19:30:11

Answer 3

+1 A:

Is the code that is not executing rendered out as script blocks, I understand the libraries loaded but any script blocks or inline javascript will not execute when loaded dynamically like that. You have to come up witha solution that will evaluate the script blocks returned for any of it to be valid. I'll see if I can dig an example from prototype, I remember them having one.

UPDATE:

This is straight from prototype...

  ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>'

  extractScripts: function() {
    var matchAll = new RegExp(Prototype.ScriptFragment, 'img');
    var matchOne = new RegExp(Prototype.ScriptFragment, 'im');
    return (this.match(matchAll) || []).map(function(scriptTag) {
      return (scriptTag.match(matchOne) || ['', ''])[1];
    });
  }

  evalScripts: function() {
    return this.extractScripts().map(function(script) { return eval(script) });
  }

Of course you can simplify that for your needs, but when a page is returned dynamically you have to manually evaluate all scripts as the browser will not evaluate script injected into the element automagically.

Quintin Robinson 2008-11-19 19:35:55

Answer 4

A:

$("#content").load("message.aspx") 能不能将我们点击message.aspx页面时也还在#content中的div中显示不跳转到一个新的页面啊

2009-04-26 17:53:54

ansaurus

tags:

views:

answers:

Using jQuery .load breaks links to other library resources?

related questions