0

jQueryでコーディングされたライトボックススタイルのポップアップがいくつかあります。IE9（まともなブラウザと見なされる場合）を除くすべてのまともなブラウザで動作します。クリックすると正常に動作します。ポップアップが開きますが、異常なことは何もありません。ただし、カーソルを移動するとすぐに、すべてがちらつき、消え、またはIE9が機能を破壊するために実行できることは何でも開始します。

これがどのように発生するのかわかりません（IE8では発生しないため）。適切な位置とzインデックスを使用しているすべての要素を指定しました。問題は、黒い画面のオーバーレイ（背景が透明なdivであり、中央のコンテンツのかなり下にあるz-index）ではありません。コードからその要素を完全に削除することで、すでにテストしました。

divを非表示/表示するために使用するコードは次のとおりです。

    //open popup
$(".pop").click(function(){
    $refselector = "." + $(this).attr("rel")
    $($refselector).fadeIn(500);
    $(".ui-overlay").fadeIn(50);
positionPopup();
});  

//close popup
$(".close").click(function(){
    $(".overlay-form").fadeOut(500);
    $(".ui-overlay").fadeOut(500);
});

//close popup by clicking outside the box
$(".ui-overlay").click(function(){
    $(".overlay-form").fadeOut(500);
    $(".ui-overlay").fadeOut(500);
});

動作を確認したい場合は、http ：//www.puurtrainingen.nl/referentiesにアクセスし、4つのボックスのいずれかをクリックしてください。

誰かがこのような問題に遭遇し、解決策を知っている場合：あなたの助けはありがたいです！

前もって感謝します

4

2 に答える 2

0

順序付けられていないリスト内にネストされたポップアップを開くときに、同様の問題が発生したと思います。たぶん、ポップアップ html を ul の外に配置してみることができますか?

とにかく、私は常にあなたのためにそのポップアップを行うhttp://fancybox.net/に満足しています. これについてまだ聞いたことがない場合は、一読することをお勧めします。

于 2012-11-12T10:18:17.690 に答える
0

.page-itemがoverflow: hidden問題を引き起こしました。

の CSS ルールを変更するか、別のコンテナーに.page-item移動することができます。.overflay-form

于 2012-11-12T10:29:53.127 に答える