jquery - 调用jquery函数

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

如果您想将点击与许多元素绑定，您可以使用类选择器

$('.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 添加单击事件，例如：

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