JQuery "onclick"事件加上 "onload"

Question

有时我会遇到以下问题:我在客户端使用 asp.net 和 JQuery。例如，我想根据复选框的状态显示/隐藏文本框。我写的是这样的:

   $(function() {         

       $('#<%=chbMyCheckbox.ClientID %>').click(function(event) {

           if (this.checked) {
             $('#txFirstAid').show();
           } else {
             $('#txFirstAid').hide();
           }
       });
   });

效果很好。但我也想在页面刚刚加载时运行此代码。当然，我可以将代码移动到单独的函数中，如下所示:

   $(function() {         
         myFunc();
       $('#<%=chbMyCheckbox.ClientID %>').click(function(event) {
           myFunc();

       });

          function myFunc()
          {
           if (this.checked) {
             $('#txFirstAid').show();
           } else {
             $('#txFirstAid').hide();
           }
          }
   });

问题是:是否有可能不将代码移到其他地方，并编写这样的内容

$('#<%=chbMyCheckbox.ClientID %>').click(function(event).onloadEvent()
{
    bla-bla
}

Answer 1

您可以使用 jquery 的 trigger() 方法来触发 onLoad 的点击事件。

例如注册点击事件:

$('#someElement').on('click', function () { console.log('I BE CLICkED') });

触发它:

$('#someElement').trigger('click');

您可以使用 trigger() 触发任何事件以及触发自定义事件。 (它允许您绑定(bind)到由插件等触发的事件。

The full trigger documentation is here ，这是一篇关于使用 custom events in jquery 的好文章