Séparateur jquery (ou js général) avec hauteur dynamique

Question

Il existe des séparateurs JavaScript (jQuery) prêts, mais ils requièrent une hauteur de panneaux à définir. Le problème est que mon site ne supporte pas la hauteur fixe, il ne peut tout simplement pas. Autre chose est que ce conteneur peut changer sa hauteur de façon dynamique, donc je voudrais que ce séparateur s'ajuste à la hauteur des panneaux.

Existe-t-il un script ou un moyen d'éviter cela?

Mon idée était de la hauteur du conteneur de la hauteur du plus grand panneau, comme:

var lheight = $("#LeftPanel").height(); 
var rheight = $("#RightPanel").height(); 

if(lheight > rheight){ 
    $("#container").css("height", lheight+"px"); 
} else { 
    $("#container").css("height", rheight+"px"); 
} 

mais cela ne semble être un bon moyen pour moi.

Avez-vous des suggestions?

Answer 1

Vous pouvez passer une nouvelle valeur -.height(), comme ceci:

var h = Math.max($("#LeftPanel").height(), $("#RightPanel").height()); 
$("#container").height(h); 

Dans ce cas, nous sommes juste en utilisant Math.max() pour obtenir le plus grand un, et réglage de la hauteur à cela.