Question

我有一个Jquery函数，如下所示

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

如果某些条件为真，我想调用myFunction并显示一条弹出消息。我该如何调用myFunction？所以它就像onClick（）。

Answer 1

单击某个html元素（控件）调用该函数。

$('#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:''  
            }  
        });  
    });
});

如果要将click与多个元素绑定，可以使用类选择器

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

根据OP的评论

编辑，如果你想在某种条件下调用函数

您可以将if用于条件执行，例如

if(a == 3)
     myFunction();

Answer 2

调用函数很简单..

 myFunction();

所以你的代码就像......

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

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

 });

或有某些条件

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

Answer 3

只需在$（document）.ready（）中通过jquery添加click事件，如：

$(document).ready(function(){

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

Answer 4

试试这段代码：

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

调用Jquery函数

4 个答案: