Bug Tracker

Opened 16 years ago

Closed 16 years ago

Last modified 11 years ago

#975 closed bug (fixed)

$().html().evalScripts() Eval's Scripts Twice in Firefox

Reported by: [email protected] Owned by: john
Priority: major Milestone: 1.1.4
Component: ajax Version: 1.1.3
Keywords: script html double eval execute Cc:
Blocked by: Blocking:

Description (last modified by john)

Test page: http://aheimlich.freepgs.com/tests/jquery/ajax-load/

Firefox seems to eval scripts as soon as they are appended to the DOM tree, so my patch (see below) simply prevents evalScripts() from running in Firefox, since the way it is most often used ends up making it redundant. Example:

jQuery("#target").html('<script type="text/javascript">alert("I come from the land of Ajax");</script>').evalScripts()

would cause "I come from the land of Ajax" to get alerted twice in Firefox, but only once in every other browser (and in those browsers, it would be the evalScripts() call that would cause it). Code similar to this is used to inject remote HTML (which may contain <script> tags) into a web page.

I have only seen this occur in Firefox (though I have heard, but not been able to verify, one report of it happening in IE 6 and 7), so you should continue to use evalScripts() as normal, as it is still necessary in other browsers.


Index: ajax.js
--- ajax.js	(revision 1365)
+++ ajax.js	(working copy)
@@ -121,6 +121,11 @@
 	 * @cat Ajax
 	evalScripts: function() {
+		if(jQuery.browser.mozilla) {
+			// Firefox eval's scripts when they get added to the DOM tree,
+			// so this isn't necessary here
+			return this;
+		}
 		return this.find("script").each(function(){
 			if ( this.src )
 				jQuery.getScript( this.src );

It should be trivial to include a switch for situations where you would want to run evalScripts() in Firefox (though I can't think of any, since, if I understand correctly, the reason evalScripts() exists is to evaluate the contents of <script> tags that have been recently added to the DOM, since most browsers won't do this on their own).

Attachments (1)

eval-scripts-firefox.patch (472 bytes) - added by [email protected] 16 years ago.

Download all attachments as: .zip

Change History (11)

comment:1 Changed 16 years ago by brandon

Component: ajaxcore
Keywords: html added; load removed
Priority: majorminor
Summary: $().load() Eval's Scripts Twice in Firefox$().html().evalScripts() Eval's Scripts Twice in Firefox

The .load() method has been fixed in Rev 1364.

However if you call .html().evalScripts() this bug still exists.

comment:2 in reply to:  1 Changed 16 years ago by aheimlich

Replying to brandon:

However if you call .html().evalScripts() this bug still exists.

Which is what originally prompted me to post this issue (and what my patch is designed to fix)

comment:3 Changed 16 years ago by brandon

It seems a more appropriate fix would be to strip the scripts from the HTML before inserting it into the DOM. Then evalScripts should really just be a string method that evals scripts from a string of HTML. This would mean moving the current evalScripts method to the the jQuery namespace from the jQuery.fn namespace (much like jQuery.trim).

Also, is Firefox right to automatically run the scripts when appended to the DOM? Should the methods like .html(), .apppend(), etc automatically run the scripts for other browsers as well? It seems like this is usually the desired behavior. The clean method would then need to be able to strip and execute script nodes and script tags in an HTML string.

comment:4 Changed 16 years ago by brandon

This is related to #858

comment:5 Changed 16 years ago by john

Milestone: 1.1.3
need: Test Case
Priority: minormajor

comment:6 Changed 16 years ago by joern

Added test in [1582]. Passes only in Opera.

comment:7 Changed 16 years ago by joern

need: Test CasePatch

comment:8 Changed 16 years ago by brandags

I'm not sure if this is the same bug or if it's just related, but there is definitely an issue with Firefox loading javascript twice for scripts that are loaded via ajax. In the example below, a section of the page is loaded dynamically via ajax, and it contains the following:

<input type="button" id="btntest" value="Test" /> <script type="text/javascript"> $(document).ready(function(){




}); </script>

When you click the button, "HEY" is alerted twice! This seems to happen whether or not it is enclosed within document.ready. If you put the javascript inline then it only does it once, but I'd rather not do that. The event should not be firing twice in Firefox. It works fine in IE7.

comment:9 Changed 16 years ago by john

Component: coreajax
Description: modified (diff)
Owner: set to john

comment:10 Changed 16 years ago by john

Resolution: fixed
Status: newclosed

Fixed in SVN rev [2428].

Note: See TracTickets for help on using tickets.