l'appel de fonction Jquery à partir de javascript

Comment puis-je appeler une fonction jQuery à partir de javascript?

 //jquery
 $(function() {

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

 //just js
 function js_fun () {

       my_fun(); //== call jquery function 
 }
Tu viens de l'appeler? Ce que, précisément, vous rencontrez des problèmes avec?
Êtes-vous essayer de faire un plugin jQuery - c'est à dire que vous voulez que votre fonction soit disponible en tant que $(foo).your_function()?
C'est de pire en pire cette jQuery rapport à JavaScript chose.

OriginalL'auteur | 2009-08-28

  1. 16

    Vous ne pouvez pas.

    function(){

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

    Qui est une fermeture. my_fun() n'est définie qu'à l'intérieur de cette fonction anonyme. Vous pouvez uniquement appeler my_fun() si vous déclarez le bon niveau de la portée, c'est à dire, à l'échelle mondiale.

    $(function () {/* something */}) est une IIFE, signifie qu'elle s'exécute immédiatement lorsque le DOM est prêt. En déclarant my_fun() à l'intérieur de cette fonction anonyme, vous empêcher le reste du script de "voir".

    Bien sûr, si vous voulez exécuter cette fonction lorsque le DOM est complètement chargé, vous devez effectuer les opérations suivantes:

    function my_fun(){
    /* some operations */
}

$(function(){
    my_fun(); //run my_fun() ondomready
});

//just js
function js_fun(){
   my_fun(); //== call my_fun() again
}
    pourriez-vous me dire comment déclarer la fonction globale en jquery? Si vous avez quelques exemples ce serait merveilleux.
    En fait, j'ai montré un exemple. jQuery est une partie de Javascript. En Javascript, nous définissons les fonctions globales comme dans mon exemple(poing une fonction est déclarée dans le monde).
    Sa ne fonctionne pas

    OriginalL'auteur Eldar Djafarov

  2. 15

    Oui, vous pouvez (c'est comme ça que je comprends la question d'origine).
    Voici comment je l'ai fait. Juste l'attacher à l'extérieur du contexte.
    Par exemple:

    //javascript

my_function = null;

//jquery 
 $(function() { 

        function my_fun(){ 
               /.. some operations ../ 
        }  
        my_function = my_fun;
 }) 

 //just js 
 function js_fun () {  
       my_function(); //== call jquery function - just Reference is globally defined not function itself
}

    J'ai rencontré ce même problème lorsque vous essayez d'accéder aux méthodes de l'objet, qui a été instancié
    sur DOM objet de prêt seulement. Des œuvres. Mon exemple:

    MyControl.prototype = {
   init:   function { 
        //init something
   }
   update: function () {
           //something useful, like updating the list items of control or etc.         
   }
}

MyCtrl = null;

//create jquery plug-in
$.fn.aControl = function () {
    var control = new MyControl(this);
    control.init();
    MyCtrl = control; //here is the trick
    return control;
}

    maintenant, vous pouvez utiliser quelque chose de simple comme:

    function() = {
   MyCtrl.update(); //yes!
}

    OriginalL'auteur Drugelis

  3. 10
    var jqueryFunction;

$().ready(function(){
    //jQuery function
    jqueryFunction = function( _msg )
    {
        alert( _msg );
    }
})

//javascript function
function jsFunction()
{
    //Invoke jQuery Function
    jqueryFunction("Call from js to jQuery");
}

    http://www.designscripting.com/2012/08/call-jquery-function-from-javascript/

    OriginalL'auteur user1283333

  4. 5
        <script>

        //Instantiate your javascript function
        niceJavascriptRoutine = null;

        //Begin jQuery
        $(document).ready(function() {

            //Your jQuery function
            function niceJqueryRoutine() {
                //some code
            }
            //Point the javascript function to the jQuery function
            niceJavaScriptRoutine = niceJueryRoutine;

        });

    </script>
    Agréable et facile. Merci man
    si je l'appelle niceJavascriptRoutine() j'obtiens l'erreur - 'niceJavascriptRoutine n'est pas une fonction' 🙁

    OriginalL'auteur Speedy Fletch

  5. 1

    jQuery fonctions sont appelées comme des fonctions JavaScript.

    Par exemple, pour ajouter dynamiquement la classe "rouge" pour le document de l'élément avec l'id "orderedlist" à l'aide de jQuery addClass fonction:

    $("#orderedlist").addClass("red");

    Par opposition à une ligne régulière de JavaScript appelant une fonction régulière:

    var x = document.getElementById("orderedlist");

    addClass() est une fonction jQuery, getElementById() est une fonction JavaScript.

    Le signe dollar fonction rend le jQuery addClass fonction disponible.

    La seule différence est le jQuery exemple est l'appel de la addclass fonction de l'objet jQuery $("#orderedlist") de l'exemple est d'appeler une fonction de l'objet document.

    Dans votre code 

    $(function() {
//code to execute when the DOM is ready
});

    Est utilisé pour spécifier un code à exécuter lorsque le DOM est prêt.

    Il ne fait pas de différence (que vous pouvez penser) qu'est-ce que "jQuery" de régulière code JavaScript.

    Donc, pour répondre à votre question, il suffit d'appeler les fonctions que vous avez défini comme vous le feriez normalement.

    //create a function
function my_fun(){
  //call a jQuery function:
  $("#orderedlist").addClass("red");
}

//call the function you defined:
myfun();

    OriginalL'auteur Christopher Tokar

  6. 1

    Je l'ai fait...

    Je viens d'écrire

     jQuery('#container').append(html)

    au lieu 

     document.getElementById('container').innerHTML += html;

    OriginalL'auteur

  7. 0

    //fonction javascript de l'appel d'une fonction jquery

    //Dans la partie javascript

    function js_show_score()
{
     //we use so many javascript library, So please use 'jQuery' avoid '$'  
     jQuery(function(){ 
        //Call any jquery function
        show_score(); //jquery function
    });(jQuery);  
}

    //Jquery dans le cadre

    jQuery(function(){ 
//Jq Score function     
    function show_score()
    {   
        $('#score').val("10");
    }
});(jQuery);

    OriginalL'auteur

  8. 0

    Mon problème est que j'ai été regarder le long de l'angle:

    function new_line() {
    var html= '<div><br><input type="text" value="" id="dateP_'+ i +'"></div>';
    document.getElementById("container").innerHTML += html;

    $('#dateP_'+i).datepicker({
        showOn: 'button',
        buttonImage: 'calendar.gif',
        buttonImageOnly: true
    });
    i++;
}

    OriginalL'auteur