Вкладки JQuery для отображения одной высоты

Question

Я использую вкладки jquery для отображения различного контента.

мои функции выглядит следующим образом:

$(function() { 

     $("#tabs").tabs(); 

    }); 

Я пытался сделать все вкладки на той же высоте, делая это так:

var heightStyle = $(".tabs").tabs("option", "heightStyle"); 

// Setter 
$(".tabs").tabs("option", "heightStyle", "fill"); 

Но это не похоже на работу.

Есть ли другой способ установить высоту на самую высокую вкладку?

D

Answer 1

Проблема находится в вашем selector, в приведенном выше коде вы используете $("#tabs").tabs(); доступа с помощью id, в поле ниже код, который вы используете $(".tabs") Доступ: class.

Answer 2

Используйте этот JQuery и изменить класс по вашему желанию

$(function(){ 
    jQuery.fn.equalHeight = function() { 
     var tallest = 0; 
     this.each(function() { 
      tallest = ($(this).height() > tallest)? $(this).height() : tallest; 
     }); 
     return this.height(tallest);  
    } 

    //Now you can call equalHeight 
    $(".equaltab").equalHeight(); 
});