JQuery 函数在页面加载时未触发，它仅在我刷新页面或再次重新访问同一页面后才能工作

JQuery Function not firing on page load it works only after i refresh page or re-visit the same page again

本文关键字：访问 新访问 工作 一页 刷新 加载 函数 JQuery      更新时间：2023-09-26

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

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

如果pg-right-bar的高度大于pg-left-bar，如果我只是第一次访问该页面，并且如果我再次刷新或访问同一页面，它似乎不起作用，并且两次潜水的高度相等。

我也尝试在$(window).load(function () {})中调用这样做，但并没有造成任何不同。

我正在使用 Web 表单母版页进行设计 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();
});
好吧，

我得到了您问题的大致要点，但整个问题描述非常混乱，所以我会尝试在我认为重要的地方为您提供帮助。

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" })
}

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

确保所有 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();
});
相关文章：