$(document).height第一次返回不正确的高度,第二次更正

时间:2016-03-17 15:14:44

标签: javascript jquery

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

pom.xml

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

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

2 个答案:

答案 0 :(得分:0)

$(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());
    }

答案 1 :(得分:0)

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