Question

我有一个非常奇怪的错误，无法弄清楚为什么事情不能持续发挥作用。

我有两个内容div，其中一个可能比另一个短。

我有一个脚本，检查哪一个更高，然后我让另一个等于它。

当我在网站内点击时，它会起作用，所以说我点击“下一步”或直接点击页面链接，脚本就像它应该的那样工作。

如果我直接通过我的浏览器地址栏访问该页面，或者如果我刷新页面，则不会这样做。为什么在地球上？！

这是脚本：

jQuery(function($) { 
$(document).ready(function(){   

var getCreditsHeight = $("#project_credits").outerHeight()-30;
var getDescriptionHeight = $("#project_description").outerHeight()-30;

if ( getCreditsHeight > getDescriptionHeight ) {
    $("div#project_description").height(getCreditsHeight);
} else {
    $("div#project_credits").height(getDescriptionHeight);
};
}); 
});

正如你所看到的那样，它已准备就绪。

如果我加载新页面，然后第一次点击相关页面，它也会这样做。但是，如果我回到主页然后再次点击，它就会有效......

谢谢，马克

Answer 1

你可以尝试删除jQuery函数，但你已经准备好了文件吗？所以它是这样的：

$(document).ready(function(){   

var getCreditsHeight = $("#project_credits").outerHeight()-30;
var getDescriptionHeight = $("#project_description").outerHeight()-30;

if ( getCreditsHeight > getDescriptionHeight ) {
    $("div#project_description").height(getCreditsHeight);
} else {
    $("div#project_credits").height(getDescriptionHeight);
};
});

jQuery - div调整大小脚本在网站内导航但不在重新加载时正常工作？

1 个答案: