[jQuery] hover イベント オンバインド unbind 夏期

jQueryで hover イベント(あるいは関数)はかなり有用だ. 因子値を funtion 二つ受けるのに, マウスをあげれば前の物が, マウスを抜けば後の物が実行される. 言葉とおり hover 效果を出すのだ.

しかしこれを unbindする時は頭が痛い. $(obj).unbind('hover') と書いても作動しない. この焚く

$(obj).unbind('mouseenter mouseleave')

と書くと作動する. 下はこれを土台で構成した例題だ. 掻いて html 作ってブラウザーで開けば作動するはずだ.

<script src="scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('.test').hover(function(){
    $(this).css('background','yellow')
  }, function(){
    $(this).css('background','gray')
  })
  $('.unbind_hover').click(function(){
    $('.test').unbind('hover')
  })
  $('.unbind_mouse').click(function(){
    $('.test').unbind('mouseenter mouseleave')
  })
})
</script>
<style>
.test{
  width: 200px;
  height: 200px;
  background: gray;
}
</style>
<div class="test">

</div>
<input type="button" class="unbind_hover" value="unbind hover!"/>
<input type="button" class="unbind_mouse" value="unbind mouse!"/>

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。