0

http://jsfiddle.net/nVZEB/6/

これをクリックするとポップアップが表示されます

testingPopup

しかし、私はこれをページ読み込み自体のこの問題で見ています....これを非表示にする方法と、ポップアップにのみ表示する必要があります

$(function() {

var popup = false;

$(".open").click(function(){
    alert(123);
    if(popup === false){
        $("#overlayEffect").fadeIn("slow");
        $(this).parent().find('.popupContainer').fadeIn("slow");
        $(this).parent().find('.close').fadeIn("slow");
        center();
        popup = true;
    }    
    });

    $(".close").click(function(){
        hidePopup();
    });

    $(".overlayEffect").click(function(){
        hidePopup();
    });

function center(){
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $(".popupContainer").height();
    var popupWidth = $(".popupContainer").width();
    $(".popupContainer").css({
        "position": "absolute",
        "top": 85,
        "left": windowWidth/2-popupWidth/2
    });

    }
function hidePopup(){
    if(popup===true){
        $(".overlayEffect").fadeOut("slow");
        $(".popupContainer").fadeOut("slow");
        $(".close").fadeOut("slow");
        popup = false;
    }
}

} ,jQuery);
4

1 に答える 1

2

hiddendiv にクラスがあるように見えますが、popupContainerスタイルがありません。

これをスタイルに追加してみてください：

.hidden {
    display: none;
}
于 2012-10-18T00:10:10.407 に答える