Pestañas de Jquery Verifique que no haya pestañas seleccionadas

Usando el complemento de pestañas jQuery, ¿cómo escribiría un cheque para ver que no hay pestañas seleccionadas? Actualmente sé que .ui-state-active se establece cuando una pestaña está activa.

¿Cómo haría para verificar la carga de la página y después de cada clic en la pestaña? Idealmente, me gustaría que apareciera un div diciendo que seleccione una opción cuando no se seleccionan pestañas

HTML

<div id="comments-tabs">
                <ul>
                    <li><a href="#Europe">Europe</a></li>
                    <li><a href="#NorthAmerica">North America</a></li>
                    <li><a href="#SouthAmerica">South America</a></li>
                    <li><a href="#Africa">Africa</a></li>
                    <li><a href="#Asia">Asia</a></li>
                    <li><a href="#Oceania">Oceania</a></li>
                    <li class="resetcontinent"><a href="#" class="resetcontinent">reset</a></li>
                </ul>
                <div id="Europe" class="country">
                   Europe
                </div>
                <div id="NorthAmerica" class="country" style="margin:0 0 0 122px;">
                   North America
                </div>
                <div id="SouthAmerica" class="country" style="margin:0 0 0 244px;">
                  South America
                </div>
                <div id="Africa" class="country" style="margin:0 0 0 368px;">
                   Africa
                </div>
                <div id="Asia" class="country" style="margin:0 0 0 490px;">
                   Asia
                </div>
                <div id="Oceania" class="country" style="margin:0 0 0 611px;">
                   Oceania
                </div>
            </div><!--comments-tabs-->

jQuery

$("#comments-tabs").tabs({collapsible: true, selected: -1});

preguntado el 31 de julio de 12 a las 15:07

1 Respuestas

Puedes probar el selected opción que devuelve el índice o -1 si no hay ninguna pestaña seleccionada;

var nothingSelected = $("#comments-tabs").tabs("option", "selected") === -1;

Respondido 31 Jul 12, 15:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.