js jQuery 事件绑定有关问题

js jQuery 事件绑定问题

如图的一个表格列表，当鼠标移动到每行时都绑定了一个事件（显示每行下面的内容）。

                            
[解决办法]
引用:
本帖最后由 sugang_ximi 于 2012-12-26 11:55:19 编辑
            
如图的一个表格列表，当鼠标移动到每行时都绑定了一个事件（显示每行下面的内容）。
JavaScript code?12345$(".s-fqa-item").mouseenter(function(){        $(this).children(……

用hover再加上2秒的延时，并清除前一个的延时
$(".s-fqa-item").hover(function() {
    clearTimeout($(this).data('timeout'));
     $(this).children('div[class=s-fqa-detail]').slideDown('slow');
}, function() {
    var t = setTimeout(function() {
        $(this).children('div[class=s-fqa-detail]').slideUp('slow');
    }, 2000);
    $(this).data('timeout', t);
});

[解决办法]
$(".s-fqa-item").mouseenter(function(){
        $('div[class=s-fqa-detail]').slideUp('slow');
        $(this).children('div[class=s-fqa-detail]').slideDown('slow');
    }).mouseleave(function(){
        $(this).children('div[class=s-fqa-detail]').slideUp('slow');
    });
[解决办法]

var clock;
$(".s-fqa-item").mouseenter(function(){
var _this = $(this);
        clearTimeout(clock);
clock = setTimeout(function(){
_this.children('div[class=s-fqa-detail]').slideDown('slow');
},500);
}).mouseleave(function(){
$(this).children('div[class=s-fqa-detail]').slideUp('slow');
});