<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>飞鱼 ^_^ 浆抱罗斯‘s blog &#187; trigger</title>
	<atom:link href="http://qilei.org/tag/trigger/feed/" rel="self" type="application/rss+xml" />
	<link>http://qilei.org</link>
	<description>这里是一个非专业交互设计师 - 飞鱼 的blog。飞鱼的生活就像吃一盘螺丝, 你得努力吸才能品尝到快乐^_^</description>
	<lastBuildDate>Mon, 09 Apr 2012 07:01:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>老汉推车 &#8211; jQuery中 trigger() &amp; bind() 使用心得 (一)</title>
		<link>http://qilei.org/201003/using-trigger-bind-function-in-jquery/</link>
		<comments>http://qilei.org/201003/using-trigger-bind-function-in-jquery/#comments</comments>
		<pubDate>Fri, 05 Mar 2010 16:03:07 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[代码浅谈]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[trigger]]></category>

		<guid isPermaLink="false">http://www.qilei.org/?p=760</guid>
		<description><![CDATA[年前一个项目做下来，全程js 交互写了我半辈子的js代码，重构了N便~~ 不过做项目这东西很锻炼人，强迫你去接触一些没有接触过的东西，收获还是蛮大的。其中收获最大的还是对jQuery 的全新认识了，之前接触jquery一直都是表现类的，如show，hide，hover，等方法，这次项目，接触了许多事件类代码。 trigger() 触发事件 这个方法是jQuery 1.3中新增的一个引起触发事件的函数。具体解释可以去这里下载 最新的jquery 手册查一下，里面解释的很清楚，就是字有点多。 如果你比较懒那么我稍微解释一下这个东东。我也是挂羊头卖狗肉 =，= 触发事件就是 类似于点击click, mouseover, keydown 等有动作的js事件，简单的说就是一个动作，可能有人会问，那show, hide 是不是? 不是，show 这 效果，手册里刚打开的速查页面里的事件类目就是上面所说的触发事件 说了这么多，还没切到主题，=，=我就这样 ，容易跑题，大伙看习惯了就好。 为什么要用 trigger() ？ 比如：你给一个按钮添加了一个click点击事件，弹出提示框，代码如下。 var div = $("#mybutton"); //你的按钮。 div.click(function() { alert('你是猪啊，~让你点，你就点？'); }); 上面的代码就是一个按钮的click事件。这个时候你有个非分的要求，就是希望页面刷新的时候就点一下这个按钮。如果不用trigger()你可以在后面这样写： div.click(); 如果用trigger()，你就要写成这样：效果跟上面这句是一样，就是稍微长点。 div.trigger("click"); 然后有人说：你是猪啊·~~ 上面这个短一点，你还教我用下面这个 =，= 表急着揍我么~· 继续往下看。 你用手册 里的索引搜一下click 可以看到 两条 结果 click() 和，click(fn)，然后 搜一下trigger 发现只有一个 [...]]]></description>
			<content:encoded><![CDATA[<p>     年前一个项目做下来，全程js 交互写了我半辈子的js代码，重构了N便~~ 不过做项目这东西很锻炼人，强迫你去接触一些没有接触过的东西，收获还是蛮大的。其中收获最大的还是对jQuery 的全新认识了，之前接触jquery一直都是表现类的，如show，hide，hover，等方法，这次项目，接触了许多事件类代码。</p>
<h3>trigger() 触发事件 </h3>
<p>    这个方法是jQuery 1.3中新增的一个引起触发事件的函数。具体解释可以去<a target="_blank" href="http://code.google.com/p/jquery-api-zh-cn/downloads/list">这里下载</a> 最新的jquery 手册查一下，里面解释的很清楚，就是字有点多。<br />
    <em>如果你比较懒那么我稍微解释一下这个东东。我也是挂羊头卖狗肉 =，=</em><br />
触发事件就是 类似于点击click, mouseover, keydown 等有动作的js事件，简单的说就是一个动作，可能有人会问，那show, hide 是不是? 不是，show 这 效果，<em>手册里刚打开的速查页面里的事件类目就是上面所说的触发事件</em><br />
    说了这么多，还没切到主题，=，=我就这样 ，容易跑题，大伙看习惯了就好。</p>
<h3>为什么要用 trigger() ？</h3>
<p>    比如：你给一个按钮添加了一个click点击事件，弹出提示框，代码如下。</p>
<pre><code>var div = $("#mybutton"); //你的按钮。
div.click(function() {
    alert('你是猪啊，~让你点，你就点？');
});
</code></pre>
<p>上面的代码就是一个按钮的click事件。这个时候你有个非分的要求，就是希望页面刷新的时候就点一下这个按钮。如果不用trigger()你可以在后面这样写：</p>
<pre><code>div.click();</code></pre>
<p>如果用trigger()，你就要写成这样：效果跟上面这句是一样，就是稍微长点。</p>
<pre><code>div.trigger("click");</code></pre>
<p>然后有人说：你是猪啊·~~ 上面这个短一点，你还教我用下面这个 =，=<br />
表急着揍我么~· 继续往下看。<br />
<span id="more-760"></span><br />
你用手册 里的索引搜一下click 可以看到 两条 结果 <strong>click()</strong> 和，<strong>click(fn)</strong>，然后 搜一下trigger 发现只有一个 trigger(type, [data]) 。<br />
然后你知道我的意思了吧。&#8212; trigger 可以传参数进去。<br />
我们看看 手册里的trigger 例子：</p>
<pre><code>$("p").click( function (event, a, b) {
  // 一个普通的点击事件时，a和b是undefined类型
  // 如果用下面的语句触发，那么a指向"foo",而b指向"bar"
} ).trigger("click", ["foo", "bar"]);</code></pre>
<p>了解了吧？如果用click 的话，它不吃参数，用trigger的话，就能吃了。<br />
练习一下吧：黏贴到你的页面上试试看，记得把jquery载进来。</p>
<pre><code>$(function() {
	var div = $("#mybutton"); //你的按钮。
	div.click(function(e,text) {
		var text = text || '你是猪啊，~让你点，你就点？';
		alert(text);
	});
	div.trigger("click","您好，请点击按钮");
});
</code></pre>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/201105/the-closure-alike-javascript-platform/" title="闭包式 js架构 前端书写心得(上)">闭包式 js架构 前端书写心得(上)</a></li><li><a href="http://qilei.org/201101/ternary-tip-for-javascript/" title=" 三元运算符 使用小技巧一则 &#8211; javascript"> 三元运算符 使用小技巧一则 &#8211; javascript</a></li><li><a href="http://qilei.org/201009/jquery-plugin-of-lazyhover/" title="神经特长 &#8211; lazy hover  延迟激活jquery 插件">神经特长 &#8211; lazy hover  延迟激活jquery 插件</a></li><li><a href="http://qilei.org/201005/how-to-make-the-func-name-no-clrash/" title="系统级应用项目中的函数命名冲突问题">系统级应用项目中的函数命名冲突问题</a></li><li><a href="http://qilei.org/201004/jquery-pad/" title="走马观花 &#8211; jQuery调试工具- jQuery pad">走马观花 &#8211; jQuery调试工具- jQuery pad</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/201003/using-trigger-bind-function-in-jquery/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

