Вызов функции JQuery

У меня есть функция JQuery, такая как

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

Если какое-то условие истинно, я хотел бы вызвать myFunction и отобразится всплывающее сообщение. Как я могу назвать myFunction? так что это будет что-то вроде onClick().

Ответ 1

Чтобы вызвать функцию при щелчке какого-либо элемента html (control).

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

Вам нужно будет убедиться, что вы привязываете событие, когда ваш элемент html готов, на котором вы привязываете событие. Вы можете поместить код в document.ready

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

Вы можете использовать анонимную функцию для привязки события к элементу html.

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

Если вы хотите связать клик со многими элементами, вы можете использовать селектор классов

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

Изменить на основе комментариев OP, если вы хотите вызвать функцию при некотором условии

Вы можете использовать, если для условного выполнения, например,

if(a == 3)
     myFunction();

Ответ 2

вызов функции прост.

 myFunction();

поэтому ваш код будет чем-то вроде..

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

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

 });

или с некоторым условием

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

Ответ 3

Просто добавьте событие click по jquery в $(document).ready() как:

$(document).ready(function(){

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

Ответ 4

Попробуйте этот код:

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