Question

我正在尝试使用jquery悬停在链接上时增加div的高度。在这些链接之间转换时，div的高度应保持不变，并且在首次悬停在链接上时应该有延迟。我还需要高度增加到从0px高到400px高的过渡/动画。这是我目前使用的代码，但它不起作用？

 $(document).on("mouseenter", ".navDropLink", function() {
     console.log("MOUSEENTER");
     tab_id = $(this).attr('data-tab');
     tab_id_this = $(this).attr('id');
     setTimeoutConst = setTimeout(function(){
               $("#"+tab_id).animateAuto("height", 1000); 
      }, delay);
});
$(document).on("mouseleave", ".navDropLink", function() {
    clearTimeout(setTimeoutConst );
});

Answer 1

var delay=500, setTimeoutConst;
                    var tab_id, tab_id_this;

                    $(document).on("mouseenter", "#articlesLink", function() {
                         console.log("MOUSEENTER");
                         tab_id = $(this).attr('data-tab');
                         tab_id_this = $(this).attr('id');
                         setTimeoutConst = setTimeout(function(){
                                   $('#navFullDropdown').stop().animate({'height': '400px'}, 500);
                          }, delay);
                    });
                    $(document).on("mouseleave", "#articlesLink", function() {
                    $('#navFullDropdown').stop().animate({'height': '0px'}, 500);
                        clearTimeout(setTimeoutConst );
                    });

如何使用jquery在mouseover上更改div的高度

1 个答案: