ejemplos - jquery ui tabs

Error de tiempo de ejecución de Microsoft JScript: no existe tal método ''seleccionar'' para la instancia del widget de pestañas

Question

Necesito seleccionar la funcionalidad de pestaña específica para las pestañas de jquery al hacer clic en los botones html. Estoy usando el jquery.1.9.1.js y jquery-ui-1.10.2.custom.js . He implementado el código siguiente, pero no funciona para mí.

<script language="javascript" type="text/javascript">
 $("#ui-tabs").tabs();
 function SelectTab() { // bind click event to link
                 $(''#ui-tabs'').tabs(''select'', 2); // switch to third tab
                 return false;
             }
 </script>
<div id="ui-tabs">
<ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">Tab1 content </div>
<div id="tabs-2">Tab2 content </div>
<div id="tabs-3">Tab3 content </div>
</div><a id="next" class="button-style" href="#" onclick="return SelectTab();">Select Tab</a>

El problema es la declaración $(''#ui-tabs'').tabs(''select'', 2); en la función SelectTab me da error Microsoft JScript runtime error: no such method ''select'' for tabs widget instance . La selección normal de pestañas al hacer clic en ellas funciona bien. Pero no funciona cuando se hace desde la llamada de función. ¿Qué está mal en la implementación o falta algún archivo? Por favor recomiende.

Answer 1

No hay ningún método de select para las pestañas jQuery UI en esta versión. Para que su funcionalidad funcione, necesita cambiar su código a;

$(''#ui-tabs'').tabs( "option", "active", 2 );

Por favor, lea http://api.jqueryui.com/tabs/#option-active para obtener más información sobre esto.

// getter
var active = $( ".selector" ).tabs( "option", "active" );

// setter
$( ".selector" ).tabs( "option", "active", 1 );

Echa un vistazo a este pequeño jsFiddle para ver un ejemplo de jsFiddle funciona.

Answer 2

Si desea crear enlaces individuales para abrir pestañas en su sitio, puede usar la siguiente función y llamarla con

<div onclick="changeToTab(targetTabNumber)"> mylinkText </div>

function changeToTab(ID){
    var $tabs = $(''#tabs'').tabs();
    $tabs.tabs( "option", "active", ID );
    return false;
}

El primer objetivo se dirige con 0, el segundo con 1 y así sucesivamente. El div puede ser cualquier cosa que permita hacer clic, por supuesto.