0

hoverIntent を適切に機能させるのに問題があります。

問題が発生し続けます:

  • 多くの場合、別の div に変更すると、マウスオーバーの結果としてホバーが表示されません。ちょっと動かしたら出てこない。マウスを外に出してから、もう一度入れて機能させる必要があります。
  • 時々、不透明度が非常に低く、サイズが間違っています。slideUp() 部分の最終段階でフリーズしたようです。機能させるにはページを更新する必要があります...

       $(".info").hoverIntent({
                オーバー: ショー,
                アウト: 非表示
            });
    
    関数ショー(){
        if($("#inndato").html() == " ") {
            // popup-div の位置を mouseover-div に近づけるため
            var position = $(this).position();
            $("#arrinfo").css( { "left": (position.left + $(this).width()) + "px", "top":position.top + "px", "position": "絶対の" } );
            $("#arrinfo").html(ajax_load).load(loadUrl);
            $("#arrinfo").show();
        }
    }
    
    関数 hide(){
        $("#arrinfo").stop().slideUp("速い");
    }

多くの div (カレンダー -> 日) があり、info-class に割り当てられたものは、id #inndato で pop-up-div をアクティブにする必要があります。

4

1 に答える 1

0

最後の物理的な.show()は、Ajaxが戻る前に実行できると思います。Show()関数を.load()呼び出しの「success」セクションに移動しました。'ajax_load'が戻り結果であり、あなたの側のタイプミスであると1つの仮定をしました。'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();
          });

        }
    }
于 2011-02-08T22:07:43.170 に答える