web-dev-qa-db-fra.com

Appelez la fonction Jquery

J'ai une fonction Jquery comme celle-ci

function myFunction(){  
            $.messager.show({  
                title:'My Title',  
                msg:'The message content',  
                showType:'fade',  
                style:{  
                    right:'',  
                    bottom:''  
                }  
            });  
        }

Si certaines conditions sont vraies, j'aimerais invoquer myFunction et un message contextuel s'affiche. Comment puis-je appeler myFunction? de sorte que ce sera quelque chose comme onClick ().

jqueryjquery-plugins
13
Jåcob

Appeler la fonction au clic d'un élément HTML (contrôle).

$('#controlID').click(myFunction);

Vous devrez vous assurer de lier l'événement lorsque votre élément html est prêt pour lequel vous liez l'événement. Vous pouvez mettre le code dans document.ready

$(document).ready(function(){
    $('#controlID').click(myFunction);
});

Vous pouvez utiliser une fonction anonyme pour lier l'événement à l'élément html.

$(document).ready(function(){
    $('#controlID').click(function(){
         $.messager.show({  
            title:'My Title',  
            msg:'The message content',  
            showType:'fade',  
            style:{  
                right:'',  
                bottom:''  
            }  
        });  
    });
});

Si vous souhaitez lier le clic avec de nombreux éléments, vous pouvez utiliser le sélecteur de classe.

$('.someclass').click(myFunction);

Edit basé sur les commentaires de OP, Si vous voulez appeler la fonction dans certaines conditions

Vous pouvez utiliser if pour l'exécution conditionnelle, par exemple, 

if(a == 3)
     myFunction();
19
Adil

appeler une fonction est simple .. 

 myFunction();

donc votre code sera quelque chose comme ..

 $(function(){
     $('#elementID').click(function(){
         myFuntion();  //this will call your function
    });
 });

  $(function(){
     $('#elementID').click( myFuntion );

 });

ou avec une condition

if(something){
   myFunction();  //this will call your function
}
5
bipen

Ajoutez simplement un événement click par jquery dans $ (document) .ready () comme: 

$(document).ready(function(){

                  $('#YourControlID').click(function(){
                     if(Check your condtion)
                     {
                             $.messager.show({  
                                title:'My Title',  
                                msg:'The message content',  
                                showType:'fade',  
                                style:{  
                                    right:'',  
                                    bottom:''  
                                }  
                            });  
                     }
                 });
            });
1
ravisolanki07

Essayez ce code:

$(document).ready(function(){
    $('#YourControlID').click(function(){
        if() { //your condition
            $.messager.show({  
                title:'My Title',  
                msg:'The message content',  
                showType:'fade',  
                style:{  
                    right:'',  
                    bottom:''  
                }  
            });  
        }
    });
});
1
keny