Onload jQuery event to call function and make it "live"

Question

Exist any event in jQuery that attach an event like this:

$("body").on("click", "#test", function () {
    // some code here...
});

That I can attach to load or ready event, to replace the:

$(document).ready(function () {
    // Some code...
});

I need this because I have the $(document).ready(); scope in an external file, that do some form validation, and in my HTML I load some content by ajax, and then all is in that scope don't work.

In other words, I want that all in the $(document).ready(); stay live on the page, using something like .on.

If I put the HTML directly in the page, without ajax, the validation works.

Any idea on how I can solve this problem?

score 1 · Accepted Answer · answered Sep 05 '13 at 11:31

1

As a suggestion:

Give global access to the validation function, then use the AJAX callbacks to call this validation function.

answered Sep 05 '13 at 11:31

fguillen

36,125
23
149
210

how can I do it? Never heard about `global access` in javascript. – Wellington Zanelli Sep 05 '13 at 11:33
@WellingtonZanelli http://stackoverflow.com/questions/9284273/global-and-local-and-private-functions-javascript – fguillen Sep 05 '13 at 11:36
About variables it's ok, but what's about the function that I want? – Wellington Zanelli Sep 05 '13 at 11:45
@WellingtonZanelli `window.my_function = function() { /* code */ };` – fguillen Sep 05 '13 at 11:51

sudhansu63 · Answer 2 · 2013-09-09T11:27:51.630

0

I assume element with id "test" is appended after ajax call. then you can use like this to make the element ready.

you can add multiple document ready in a single file/ or in multiple javascript file. but i would suggest you to put your code inside a function and call that function from the document.ready scope of external file.

function doSomething()
{
    $("#test").on('click', function(){
      //do some thing here
    });
}

External file:

 $(document).ready(function(){
....
.....

try{
doSomething(); 
}
catch()
{
//this section will be hit when the method is not avavilble.
}
});

edited Sep 09 '13 at 11:27

answered Sep 06 '13 at 15:37

sudhansu63

6,025
4
39
52

yes, its depricated in the last few versions. I misinterpreted your question. – sudhansu63 Sep 09 '13 at 11:22

Onload jQuery event to call function and make it "live"

2 Answers2