javascript - Mouse Out Orange Div "CurrentHeight"未应用

Question

old demo

Latest DEMO intermadiate issue

在悬停时，我正在计算 div 的当前高度并通过 jquery 添加 50px。在 MouseOut 当前高度不适用

例如:

currentHeight = 20px(这个高度是动态的)

添加高度 = 50px

所以鼠标悬停时 div 将是 70px

当我 mouseOut currentHeight 应该相同时，即 20px(这个高度将是动态的)

JS 代码:

txt__mouse__hover : function(){
                $(".itemMasTxt").hover(function () {
                    currentHeight = $(this).height();
                    addHeight = 50;
                    $(this).animate({
                        height:(currentHeight + addHeight)
                    }, 200);


                }, function () {            
                    alert(" --" + currentHeight)    
                    $(this).animate({
                        height:(currentHeight)
                    }, 200);
                });

Answer 1

检查 DEMO

   var counter = 0;
   $(".itemMasTxt").hover(function () {
          if(innterText !== $(this)[0].innerText){
                counter = 0;
          }
          if(counter == 0){
               innerHeight = $(this).innerHeight();
               innerHeightAdd = $(this).innerHeight() + addHeight;
               innterText = $(this)[0].innerText;
          }
          counter++;
          $(this).stop().animate({
            height:(innerHeight + addHeight)
          }, 200);

    }, function () {
          $(this).stop().animate({
                height:(innerHeightAdd - addHeight)
          }, 200);
    });