سؤال

وأقوم بإعداد بعض علامات التبويب مسج لتبدأ مع عدم وجود علامات التبويب المحددة مثل هذا:

$('#tabs').tabs( { selected: -1 } );  

وبعد ذلك أنا أيضا أن يكون لها ارتباط منفصل احتياجات عند الضغط عليه لإلغاء كافة علامات التبويب.

$("#deselectButton").click(function(){      
    $('#tabs').tabs( 'select' , -1 )
});

أو

$("#deselectButton").click(function(){      
    $('#tabs').tabs( 'selected' , -1 )
});

وانقر deselectButton لا إلغاء تحديد محتوى علامات التبويب، ولكن لقب علامات التبويب لا يزال نشطا مع الطبقة "واجهة المستخدم علامات التبويب مختارة واجهة المستخدم للدولة نشطة.

ما هي الطريقة الصحيحة لإلغاء كافة علامات التبويب؟

هل كانت مفيدة؟

المحلول

وحاول هذا الرمز:

$("#deselectButton").click(function(){          
    $('#tabs').tabs( 'selected' , -1 )
    $(".ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");
});

نصائح أخرى

ومسج 1.10 يتطلب الخيار لطي ليتم تعيين إلى true.

$('#tabs').tabs('option', 'collapsible', true);
$('#tabs').tabs( 'option', 'active', false );

إذا كنت تستخدم نسخة مسج UI 1.9+ ثم تغير كود CSS ل:

$('#tabs').tabs('option', 'active', false);

وأو:

$('.ui-tabs-active').removeClass('ui-tabs-active ui-state-active');

وكما في التعليقات أدناه. بفضل

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top