Cómo abrir un enlace desde las pestañas de la interfaz de usuario jQuery DENTRO de dicha pestaña
Para empezar, he vistoesta pregunt y no es el mismo problema.
n última instancia, estoy tratando de permitir un enlace con una pestaña abierta, que una vez que se hace clic recupera la URL apropiada y muestra esa URL dentro del contenido del espacio con pestañas original (pero dejando las pestañas originales en el fondo).
Por ejemplo
Tengo 3 pestañas:
Admin (admin.php)Members (members.php) Estadísticas (stats.php)Cuando abro la pestaña Miembros, hay 2 enlaces adicionales:
Agregar miembro (add.php)Eliminar miembro (delete.php)Si elijo hacer clic en uno u otro, el contenido deadd.php
odelete.php
aparece en el mismo espacio con pestañas que su padre (members.php)
Me encontré con la documentación de jquery pero parece que no está accediendo correctamente.
Actualmente, mi código jquery es:
<script type="text/javascript">
$(function() {
$( "#tabs" ).tabs({
spinner: '<img src="../images/loader.gif" />',
select: function(event, ui) {
var tabID = "#ui-tabs-" + (ui.index + 1);
$(tabID).html("<b>Fetching Data.... Please wait....</b>");
},
cache:false,
load: function(event, ui) {
$('a', ui.panel).click(function() {
$(ui.panel).load(this.href);
return false;
});
},
ajaxOptions: {
error: function( xhr, status, index, anchor ) {
$( anchor.hash ).html(
"Error: Could not retrieve information." );
}
}
});
</script>
EDITAHe agregado un archivo jsbin para mostrar un formato con pestañas.
Quiero esencialmente poder hacer clic en el enlace ebay.com dentro de la primera pestaña y tener una página HTML completa cargada DENTRO del contenido de la pestaña Información general (sin redireccionamiento de página)