0

我需要根据哪个 div 更大给出两个 divpg-left-bar和相等的高度。pg-right-bar

我有以下 jQuery 代码块，您可以找到以下用于检查 div 高度的代码日志。

如果 Jquery 的pg-right-bar高度比pg-left-bar我仅第一次访问该页面的高度更高，并且如果我再次刷新或访问同一页面，它会起作用，并且两次潜水的高度相同。

我也尝试过这样做，$(window).load(function () {})但没有任何不同。

我正在为我的设计使用 asp.net 网页表单母版页。我将不胜感激这方面的帮助。

jQuery(document).ready(function () {
    App.init();
    App.initNavMenu();

    //Tabs
    App.InitCustomTabs();


    App.initMarqueeBrands();


    //set equal height of two div's
    //  $(".pg-right-bar").css({ "height": $("#pg-left-bar").height() })
    var leftbar = $(".pg-left-bar").height();
    var rightbar = $(".pg-right-bar").height()-4; // remove 4 pxels from righ div
    leftbar = leftbar - 20;

    if (leftbar > rightbar) {
        $(".pg-right-bar").css({ "height": $("#pg-left-bar").height() - 10 })
    }
    else {
        $(".pg-left-bar").css({ "height": $("#pg-right-bar").height() })
        $(".pg-right-bar").css({ "height": rightbar+"px" })
    }


    //activatte tooltip
    $('.tooltip').tooltipster();

});
4

2 回答 2

0

好吧，我了解了您问题的一般要点，但整个问题描述非常混乱，所以我会尽力帮助您解决我认为重要的问题。

var leftbar = $(".pg-left-bar").height();
var rightbar = $(".pg-right-bar").height();

if (leftbar >= rightbar) {
    $(".pg-right-bar").css({ "height": leftbar + "px" })
}else{
    $(".pg-left-bar").css({ "height": rightbar + "px" })
}

我省略了您的幻数和其他代码以使更改显而易见，但我认为您的问题是由于缺少“px”连接到您的 css 声明的末尾。如果这不是问题，您介意展示一个完整的示例。

于 2013-09-12T11:19:05.617 回答
0

确保没有任何 App 初始化调用产生任何异常。如果这有帮助，请尝试：

$(function () {
    App.init();
    App.initNavMenu();

    //Tabs
    App.InitCustomTabs();
    App.initMarqueeBrands();

    //set equal height of two div's
    var leftbar = $(".pg-left-bar :first").height() - 20;
    var rightbar = $(".pg-right-bar :first").height() - 4; // remove 4 pxels from righ div

    if (leftbar > rightbar) 
    {
        leftbar = leftbar + 10;
        $(".pg-right-bar").css({ "height": leftbar });
        $(".pg-left-bar").css({ "height": leftbar });
    }
    else 
    {
        $(".pg-left-bar").css({ "height": rightbar});
        $(".pg-right-bar").css({ "height": rightbar });
    }

    //activatte tooltip
    $('.tooltip').tooltipster();
});
于 2013-09-12T11:36:35.497 回答