帮忙修改click为mouseover与mouseout的效果。

Question

帮忙修改下，如果把click修改成mouseover与mouseout的效果？
谢谢。$(document).ready(function() {
  $('#tab-nav-1 > ul > li > a').overmouse(function() {
    var $parentItem = $(this).parent(),
        slideAmt = $(this).next().width(),
        direction;    if (parseInt($parentItem.css('marginLeft'), 10) < 0) {
      direction = '+=';
      $(this).removeClass('expanded');
    } else {
      $(this).addClass('expanded');
      direction = '-=';
    }
    $parentItem
      .animate({marginLeft: direction + slideAmt}, 400);
    return false;
   });
 
});

Answer 1

你代码贴错了？ 整个代码就没看到click!只有 overmouse

Answer 2

啊，谢谢提醒，这个事我把click改成了overmouse，没改回来。
我先前把click改成overmouse，然后把下面的IF，ELSE拆开来分别定义，但是没有成功，所有求助大家来。

Answer 3

click 是一个事件， 你要改成2个事件？
mouseover做什么？ mouseout 又做什么呢？
你要说明白你要实现什么功能，什么效果撒！

Answer 4

onmouse 执行：
direction = '+=';
      $(this).removeClass('expanded');mouseout 执行：
$(this).addClass('expanded');
      direction = '-=';就是把IF 和 ELSE拆开变成两个事件。

Answer 5

重写一遍吧，改成click了。如何把下面的click动作，拆成mouseover与mouseout？
$(document).ready(function() {
  $('#tab-nav-1 > ul > li > a').click(function() {
    var $parentItem = $(this).parent(),
        slideAmt = $(this).next().width(),
        direction;    if (parseInt($parentItem.css('marginLeft'), 10) < 0) {
      direction = '+=';
      $(this).removeClass('expanded');
    } else {
      $(this).addClass('expanded');
      direction = '-=';
    }
    $parentItem
      .animate({marginLeft: direction + slideAmt}, 400);
    return false;
      });
 
    });

Answer 6

楼主要搞清楚，你需要的不是吧click拆分成两个事件，而是 重新写个mouseover事件 和mouseout事件。