hoverIntent 的各种速度问题

Question

我在让 hoverIntent 正常工作时遇到了一些问题。

问题不断出现：

• 通常，当我更改为另一个 div 时，鼠标悬停不会出现悬停。如果我稍微移动它，它就不会出现。我必须把鼠标移到外面，然后再进去才能让它工作。

• 偶尔，不透明度很低，大小不对。它似乎在 slideUp() 部分的最后阶段冻结了。我必须刷新页面才能正常工作...

   $(".info").hoverIntent({
              结束：显示，
              出：隐藏
          });
  
  函数显示（）{
      if($("#inndato").html() == " ") {
          // 让 popup-div 位置靠近 mouseover-div
          var 位置 = $(this).position();
          $("#arrinfo").css( { "left": (position.left + $(this).width()) + "px", "top":position.top + "px", "position": “绝对”}）；
          $("#arrinfo").html(ajax_load).load(loadUrl);
          $("#arrinfo").show();
      }
  }
  
  函数隐藏（）{
      $("#arrinfo").stop().slideUp("fast");
  }

我有很多 div（日历 -> 天），分配给 info-class 的那些应该激活 ID 为 #inndato 的 pop-up-div。

Answer 1

我认为你最后的物理 .show() 可以在 Ajax 返回之前执行。我将您的 Show() 函数移到 .load() 调用的“成功”部分。我做了一个假设，“ajax_load”是返回结果，是你的错字。如果 'ajax_load' 变量出现问题，我深表歉意，您可以告诉我。

function show(){ 
        if($("#inndato").html() == " ") {
            // To give the popup-div position close to the mouseover-div 
            var position = $(this).position();
            $("#arrinfo").css( { "left": (position.left + $(this).width()) + "px", "top":position.top + "px", "position":"absolute" } );
            //below duplicates the work of 'load', unless something special is in ajax_load               //that i don't know about
    //$("#arrinfo").html(ajax_load).load(loadUrl);
    //i think you mean this
           $("#arrinfo").load(loadUrl, function(data,text,xhr){
                //$("#arrinfo").show(); but try below first...
                $(this).show();
          });

        }
    }