Question

我试图弹出一个弹出屏幕，我想在弹出窗口时让背景变暗。这是Javascript。

pom.xml

例如：在一种情况下，第一次值为3701，第二次为4196.

编辑：$（文件）。高，改为$（窗口）。高度。
编辑：我应该添加，如果取消注释第一个警报，第二次document.height返回正确的值。

Answer 1

将$(document).height()替换为$(window).height()。

同时移动了SetPopUpHeight()和scrollTop()次调用，这些调用不需要按'item'调用一次。

$(document).on('click', '.item', function(){
        $("#popUp").css("display" , "block");
        var divId = $(this).attr("id");
        $.get('portfolio/portfolio.xml', function(file){
            $(file).find('item').filter(function() {return $(this).attr("id") == divId;}).each(function(){
                var $item = $(this);
                var name = $item.find("name");
                var description = $item.find('description'); 
                $("#popUpName").html(name.text()) ;
                $("#popUpDescription").html(description.text());
                var im; var n=0;
                $item.find('image').each(function() {
                    var i = "<img src='" + $(this).text() + "'></img>";
                    i += "<div>" + $(this).attr("description") + "</div>";
                    $("#popUpImage").append(i);
                });
            });
            setPopUpHeight();
            $(document).scrollTop(0);
        }); 
    });

    function setPopUpHeight() {
            //alert($(document).height());
            $("#popUp").height($(window).height());
            alert($("#popUp").height());
    }

Answer 2

如果你$(window).height().top;它应该正确显示

$（document）.height第一次返回不正确的高度，第二次更正

2 个答案: