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"});
});

相关推荐