how to run call some Javascript code with jQuery as soon as element loads to page by Ajax?

Question

I'm trying to assign some attributes to some html tags as soon as they load to the page by Ajax, but I don't want to write any Javascript in my page. foe example I have the the html like below:(remember that this comes via ajax, not on page load)

<div data-something="true">
 something here
</div>

and I want to have something like this which is saved to a .js file: (this doesn't work)

$('body').on('load', '[data-something]', function(){  
       //do something 
});

but I do NOT want to have like this in one page :

<div data-something="true">
 something here
</div>

<script>
   $(function(){
        //do something
   });
</script>

is there anyway to do so? to trigger the event as soon as the element being loaded?

Then source the Javascript file in a script tag. What is the problem with that? `` — Eudis Duran, Jan 11 '13 at 19:37

score 5 · Accepted Answer · answered Jan 11 '13 at 19:36

5

Sure, put it in the success of the ajax call.

$("someelemnt").load("somepage.html",function(){
    // do something.
});

do not use script tags on a page that you are loading via ajax, they'll usually get executed before the html is appended to the page.

answered Jan 11 '13 at 19:36

Kevin B

94,570
16
163
180

I missed the bit about this being AJAX. L2Read – crush Jan 11 '13 at 19:36
@crush In your defense, it is a little hard to see the way it wraps to the next line, :-P – Kevin B Jan 11 '13 at 19:39
I think my real problem is that I read the code then start assuming I know what the person is asking...lol – crush Jan 11 '13 at 19:40

how to run call some Javascript code with jQuery as soon as element loads to page by Ajax?

1 Answers1

Linked