Question

我有2个单独的函数来获取一个元素的高度并将其应用到其子元素上。所以基本上，当文件就绪并且窗口调整大小时，函数会自动重复。有没有更好的方法来制作它？

$( document ).ready(function() {
    var height = $('#sgn-panel-friendslist-holder').height();
    $("#sgn-panel-friendslist-holder #scroll").css("height", height-24)
});


$( window ).resize(function() {
    var height = $('#sgn-panel-friendslist-holder').height();
    $("#sgn-panel-friendslist-holder #scroll").css("height", height-24)
});

Answer 1

这是更好的代码：

$(document).ready(function() {
   $(window).resize(function() {
      var height = $('#sgn-panel-friendslist-holder').height();
      $("#sgn-panel-friendslist-holder #scroll").css("height", height-24)
   }).trigger('resize');
});

Answer 2

嗯，总是有“不同”的方式和方法来编写代码并获得相同的结果，在这种情况下，说哪一个“更好”或“更有效”并不确定它可能是确定的在其他编码问题和/或场景中..

例如：您可以在.ready和.resize事件中获取重复的代码，然后将其放入单个函数中，如下所示：

$( document ).ready(function() {
   setHeight();
});

$( window ).resize(function() {
   setHeight();
});

function setHeight() {
   var height = $('#sgn-panel-friendslist-holder').height();
   $("#sgn-panel-friendslist-holder #scroll").css("height", height-24);
}

但现在的问题是：这真的是“更好”还是“更有效”？其他人可能有他们的意见，但在我看来..不。它是节省时间还是保存代码行？我的意见..否。在结构上更容易阅读，理解和调试吗？我的意见..没有。

所以，你去..有一个“更好的方式”？在我看来。不..不是真的。

jQuery准备好div高度;调整大小

2 个答案: