call Jquery function from javascript using API

Question

How can I call a jQuery function from JavaScript?

//jQuery
$(function() {

    function my_func(){
           /.. some operations ../
    } 
});

//JavaScript
function js_func () {

   my_func(); //== call JQuery function 
}

http://stackoverflow.com/questions/1345722/calling-jquery-function-from-javascript — ryanlutgen, Nov 18 '13 at 05:11

score 1 · Answer 1 · edited Nov 18 '13 at 05:44

1

Not sure y do you need this anyway here's a simple example...

$(function(){
    $('#my_button').click(function(){
       alert("buttonClicked");   //Jquery    
    });
});    

function my_func(){
    $('#my_button').click();  //JavaScript    
}

//HTML

<button id="my_button" onclick="my_func();"></button>

edited Nov 18 '13 at 05:44

Rohan Kumar

40,431
11
76
106

answered Nov 18 '13 at 05:11

Shashank

830
1
6
14

score 1 · Accepted Answer · answered Nov 18 '13 at 06:16

1

Extend your function to jquery, then use it with $

    $.extend({
        my_jsFunc: function() {
            console.log('============ Hello ============');
        }
    });

    $(function(){
        $.my_jsFunc();
    });

answered Nov 18 '13 at 06:16

sunil gautam

451
3
6

score 0 · Answer 3 · answered Nov 18 '13 at 05:10

0

you are asking the wrong question but I think what you are searching for is:

$.my_func();

answered Nov 18 '13 at 05:10

Aladdin

384
1
5

score 0 · Answer 4 · answered Nov 18 '13 at 05:11

0

the my_func() is just normal function so should be kept outside jquery Dom ready function

$(function() {
    my_func();

});

 // This function should be outside from jquery function
  function my_func(){
       /.. some operations ../
   }

answered Nov 18 '13 at 05:11

rajesh kakawat

10,826
1
21
40

score 0 · Answer 5 · answered Nov 18 '13 at 05:11

$(function() {
    function my_func(){
       /.. some operations ../
    }
})

runs the everything inside when the page is "ready".

You don't need that.

Just define the function list this

function my_func(){
   /.. some operations ../
}

P.S. "How can i call a jQuery function from JavaScript?" is a bad question. jQuery is a library written using Javascript.

score 0 · Answer 6 · answered Nov 18 '13 at 05:19

You can do it by actually changing the declaration to outside jQuery callback, but if you have some specific purpose following will work for you

$(function() {

    window.my_func = function() {
           /.. some operations ../
    } 
});

//JavaScript
function js_func () {

   my_func(); //== call JQuery function 
}

call Jquery function from javascript using API

6 Answers6