hoverIntent的各種速度問題

Question

我在使hoverIntent正常工作時遇到了一些問題。

問題不斷出現：

• 通常情況下，當我改變到另一個div懸停不會出現鼠標懸停的結果。如果我稍微移動一下，它就不會出現。我必須把鼠標拿到外面，然後再讓它工作。

• 有一段時間，不透明度非常低，大小是錯誤的。它似乎已經凍結在slideUp（）的最後一個階段 - 部分。我需要刷新頁面得到它的工作...

   $(".info").hoverIntent({ 
        over: show, 
        out: hide 
       }); 
  
  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" }); 
       $("#arrinfo").html(ajax_load).load(loadUrl); 
       $("#arrinfo").show(); 
      } 
  } 
  
  function hide(){ 
      $("#arrinfo").stop().slideUp("fast"); 
  }

我有很多的div（月曆 - >天），而那些分配到信息類應該激活彈出向上與id #inndato div。

Answer 1

我認爲你的物理.show（）在最後可以在Ajax返回之前執行。我將你的Show（）函數移動到.load（）調用的'success'部分。我做了一個假設，'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(); 
      }); 

     } 
    }