jquery - مسح - علامة تبويب جديدة للتصفح المتخفي



جكري أوي علامات التبويب-الارتفاع التلقائي (8)

بعد قراءة الوثائق ، يبدو أن الخيار لم يعد متوفرا. ومع ذلك، فمن السهل جدا لتكرار هذه الوظيفة.

بافتراض أن علامات التبويب مرتبة أفقيا:

$("ul.tabs a").css('height', $("ul.tabs").height());

في الإصدارات السابقة من jQuery tabs كان هناك خيار لتعيين ارتفاع علامة التبويب تلقائيا إلى أن من أطول علامة تبويب في المجموعة باستخدام:

$('#container').tabs({ fxAutoHeight: true });

ومع ذلك هذا لا يبدو أن تعمل في jQuery UI 1.5.3 .

هل تمت إزالة هذا الخيار؟ إذا كان الأمر كذلك، فهناك طريقة أخرى للحصول على نفس الوظيفة؟



Answer #2
var height = 0;

$("#tabs .ui-widget-content").each(function(){
    $(this).removeClass('ui-tabs-hide');
        if(height < $(this).height())
            height = $(this).height();
    $(this).addClass('ui-tabs-hide');
});

Answer #3

الجواب من قبل جيانيس هو الصحيح للحصول على أعلى ارتفاع بين علامات التبويب، ولكن يفتقد رمز لتطبيق هذا الحل فعلا. تحتاج إلى إضافة طريقة لإعادة عرض علامة التبويب الأولى (التي سيتم اختفاءها بواسطة الشفرة) وطريقة لتعيين ارتفاع كل من مناطق المحتوى.

var height = 0;
//Get the highest height.
$("#tables .ui-widget-content").each(function(){
    $(this).removeClass('ui-tabs-hide');
    var oheight = height; //used to identify tab 0
    if(height < $(this).height())
    {
        height = $(this).height();
    }
    if(oheight != 0)
    {
        $(this).addClass('ui-tabs-hide');
    }
});
//Apply it to each one...
$("#tables .ui-widget-content").height(height);

Answer #4

كنت مجرد تبحث عن هذا الحل، ووضع دقيقة الارتفاع هو جيد فقط إذا كنت تعرف كيف عالية يجب أن يكون ارتفاع دقيقة مقدما.

بدلا من ذلك، ذهبت إلى كس وتغيير فئة علامات التبويب واجهة المستخدم لإضافة "تجاوز: السيارات؛" كما هو مبين أدناه

.ui-tabs { overflow: auto; position: relative; padding: .2em; zoom: 1; }

هذا يعمل بالنسبة لي في FF12 ... لم أحاول ذلك في الآخرين. إذا كان هذا يعمل، قد ترغب في إنشاء فئة منفصلة للحفاظ على وظيفة المخزون والتبادل قابلية التبادل الخ

راجع للشغل - السبب الذي قد تحتاجه للتحجيم الديناميكي هو إذا كنت تقوم بالتحميل من أجاكس، ولكن لا تستخدم طريقة محمل علامة التبويب، بل هي دالة أخرى (تفترض أسلوبها أن المحتوى يأتي من مورد ورل واحد قد لا يكون كافيا اعتمادا على كيف المتقدمة التي السكان الديناميكي هو).

HTH


Answer #5

في heightStyle 1.9، استخدم السمة heightStyle ( مستندات هنا )

$( ".selector" ).tabs({ heightStyle: "auto" });

Answer #6

كل ما عليك القيام به هو تعيين الحد الأدنى الارتفاع. (انها اتخذت لي الأعمار للعثور على الجواب على هذا .. آمل أن يساعد!).

هنا هو بلدي التعليمات البرمجية التي تعمل حقا:

$("#tabs").tabs().css({
   'min-height': '400px',
   'overflow': 'auto'
});





jquery-ui-tabs