Cómo comprobar qué panel de pestañas está activo

He creado un panel de pestañas usando HAML como se muestra en mi fragmento de código a continuación (2 pestañas)

//tabs
tab-content
  .muses.active.tab-pane
    .muse_header
      %h3
    %ul.muses
    .center
      %button.btn#get_more_answers.hide Fetching Content
  .questions.tab-pane
    .question_header
      %h3
    %ul.questions

enter image description here

Como se muestra arriba, tengo 2 pestañas (.muses.active.tab-pane y questions.tab-pane)

Ahora necesito especificar ciertas acciones según la pestaña que esté activa. ¿Cómo puedo escribir la declaración if para determinar qué panel de pestañas está activo en un momento dado?

preguntado el 02 de febrero de 12 a las 11:02

Posible respuesta aquí (stackoverflow.com/questions/300078/…) -

1 Respuestas

Si está utilizando el marco jQuery, puede encontrar la pestaña activa usando el siguiente comando, $('.active.tab-pane')

Puede verificar si la pestaña activa es una musa o una pregunta comparándola con la clase de esa pestaña de la siguiente manera,

if($('.active.tab-pane').hasClass('muses')){
  alert("its muses tab");
} else if($('.active.tab-pane').hasClass('questions')){
  alert("its questions tab");
}

Respondido 02 Feb 12, 15:02

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