jquery学习之trigger解析

阅读更多

trigger在页面加载时执行，可以自定义事件，并传递参数。咱们一步步的来了解trigger。
1.首先下面的例子，只有在click的时候才会触发下面的事件。

$(document).ready(function(){
  var click_fn = function(){
   $("p").slideToggle();
 };

  //just click
  $("button").click(function(){
    click_fn.call();
  });
});

2.可以有多种方式来模拟人的行为，看下面的例子

 $("button").click（function(){
    click_fn.call();
  });
$("button").click();

$("button").bind("click", function(){
    click_fn.call();
  }).trigger("click"); 

3.不仅如此，trigger还支持传递参数和自定义事件名称，为事件解绑定做足了准备

  //自定义事件
  $("button").bind("myEvent", function(data){
    click_fn.call();
      alert(data['name']);
  });
  $("button").trigger("myEvent",{name:"name"});
});