首页 > 数据库技术 > 详细

jquery hover(overListener, outListener) || bind('mouseover',methodA).bind('mouseout',methodB)

时间:2016-02-23 11:25:16      阅读:324      评论:0      收藏:0      [点我收藏+]

1.区别:

   bind方式,进入外部区域和内部区域都会触发相关方法(methodA 或methodB);

   hover方式,进入内部区域不会再触发相关方法。

2.example:

 
  <body>
    <div class="outer" id="outer1">
      Outer 1
      <div class="inner" id="inner1">Inner 1</div>
    </div>
    <div class="outer" id="outer2">
      Outer 2
      <div class="inner" id="inner2">Inner 2</div>
    </div>
    <div id="console"></div>

<script type="text/javascript">
      function report(event) {
        $(‘#console‘).append(‘<div>‘+event.type+‘</div>‘);
      }

      $(function(){
        $(‘#outer1‘)
         .bind(‘mouseover‘,report)
         .bind(‘mouseout‘,report);
        $(‘#outer2‘).hover(report,report);
      });
    </script>
  </body>

jquery hover(overListener, outListener) || bind('mouseover',methodA).bind('mouseout',methodB)

原文:http://www.cnblogs.com/rocky-fang/p/5209150.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!