unbind()

jQueryで設定したイベントを取り消すことが出来るのがunbind()です。

【jQuery】
<script type=”text/javascript”>
$(function(){
 $(“a”).click(function(){
  $(“img”).attr(“src”,$(this).attr(“href”))
  .attr(“alt”,$(this).text());
  return false;
 })
 $(“button”).click(function(){
  $(“a”).unbind(“click”);
 });   
});
</script>

【HTML】
<button>取り消し</button>
<ul>
 <li><a href=”images/flower.jpg”>お花</a></li>
 <li><a href=”images/sea.jpg”>海</a></li>
 <li><a href=”images/cake.jpg”>デザート</a></li>
 <li><a href=”images/tree.jpg”>森林</a></li>
 <li><a href=”images/bridge.jpg”>橋</a></li>
</ul>
<p><img src=”images/flower.jpg” alt=”お花” /></p>

unbind()イベントサンプル

リストをクリックすると画像が差し替わりますが、
取り消しボタンをクリックすると、
jQueryが無効になり、通常の画像リンクになります。

This entry was written by admin , posted on 月曜日 5月 09 2011at 12:05 pm , filed under イベント and tagged . Bookmark the permalink . Post a comment below or leave a trackback: Trackback URL.

Comments are closed.