one()

イベントに対して1度だけ実行させたいとき、
one()を使います。
clickイベントに対して1度目は画像を書き換えますが、
2度目以降は通常のaタグが実行されます。

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

【HTML】
<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>

one()イベントサンプル

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

Comments are closed.