Search jQuery

jQuery Forum

Issue with using $(document) with .html()

in Using jQuery • 7 years ago

I am loading some HTML with some .js files to a DIV using .html().. If I load in the the same more than once, than my JS functions get fired off that many times..ex:

$(document).on('click', '.folderOpen', function(){
alert(this.id);
});

If I load the div 3 times, then I see that alert 3 times.. its like the head isn't clearing the .js files when the div gets repopulated. I tried .html('') and .empty() before it gets reloaded. Any suggestions?

Replies(2)

jakecigar

Re: Issue with using $(document) with .html()

7 years ago

That code needs to be executed ONE time, not once for each div you create.

JΛ̊KE

watusiware

Re: Issue with using $(document) with .html()

7 years ago

its like the head isn't clearing the .js files when the div gets repopulated.

I hope you are not loading some HTML that contains <head> (or <body>) into your document! A document should have but one <head> and one <body> . (And if it has more, call the National Enquirer or The Sun about the scoop...)

That will create a mess, and every browser will deal with that mess in a different way.

When you make an AJAX request and your server returns some HTML, normally, you have the server send an HTML fragment, not a complete document.

If it sends a complete document, then you should remove <head> . (Actually, just use the content inside of the <body> tag.) That's what - for example - jQuery Mobile does when it loads one of it's "pages" using Ajax. Better, though, to not have your server send unnecessary bits.

If you load some HTML that has some scripts in it, you need to think carefully about what will happen when those scripts are run!

Top Reply

Response title

Attachments

jQuery Forum

Issue with using $(document) with .html()

Replies(2)

Re: Issue with using $(document) with .html()

Re: Issue with using $(document) with .html()

Statistics

Tags

Actions