2011-02-08 7 views
0

hoverIntentを正しく動作させるためにいくつか問題があります。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を作成します。

答えて

0

あなたの物理的な.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(); 
      }); 

     } 
    } 
+0

@Øyvindあなたは '#inndato'と '#arrinfo'についてもっと教えていただけますか?あなたのポップアップdivコントロールの内容が '#arrinfo' divをリロードするのはなぜですか?今のところ立っているように、 '#inndato'は決して満たされません。 '#arrinfo'はそれになります。 – DefyGravity

関連する問題