not - tabs jquery bootstrap

Pestaña dinámica JQuery UI-Selección automática

Question

Intentaba agregar una pestaña dinámica en un clic de botón. Lo completé con éxito. Ahora quiero que mi pestaña dinámica se seleccione automáticamente cuando se cree.

Este es mi código:

$(document).ready(function(){
var tabs = $("#container-1").tabs();
$(''#add_tab'').click( function(){
var ul = tabs.find( "ul" );
$( "<li><a href=''#newtab''>New Tab</a></li>" ).appendTo( ul );
$( "<div id=''newtab''>Name :<input type=''text''></input></div>" ).appendTo( tabs );
tabs.tabs( "refresh" );
tabs.tabs("select", 1);
});
});

Yo uso enlaces CDN en el orden:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

El problema es que mi pestaña dinámica no se selecciona automáticamente

El error que recibo es:

Error: no such method ''select'' for tabs widget instance
http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
Line 2

¿Cómo puedo solucionar esto?

NOTA: mi código está funcionando en jsfiddle: http://jsfiddle.net/StDbH/

Pero no en mi sistema: Fedora 16 + Firefox 18.0.1

Answer 1

agregue esta línea después de actualizar:

tabs.tabs( "option", "active", -1 );

http://jsfiddle.net/StDbH/1/

Answer 2

prueba las opciones show () de la pestaña

$( ".selector" ).tabs({ show: { effect: "blind", duration: 800 } });