Script de Tabs de JScrollpane - Haciendo una de las pestañas por defecto -- javascript campo con tabs campo con default campo con jscrollpane camp Relacionados El problema

Tabs script from jscrollpane - making one of the tabs default


0
vote

problema

Español

Estoy tratando de implementar las pestañas en un sitio web en el que estoy trabajando, pero tengo problemas para hacer la primera pestaña por defecto.

Estoy usando el código de JScrollpane:

          <script type="text/javascript" id="sourcecode">         $(function()         {             $('.menu').each(                 function()                 {                     var currentTab, ul = $(this);                     $(this).find('a').each(                         function(i)                         {                             var a = $(this).bind(                                 'click',                                 function()                                 {                                     if (currentTab) {                                         ul.find('a.active').removeClass('active');                                         $(currentTab).hide();                                     }                                     currentTab = $(this).addClass('active')                                                     .attr('href');                                     $(currentTab).show().jScrollPane();                                     return false;                                 }                             );                             $(a.attr('href')).hide();                         }                     );                 }             );         });     </script>   

y mi menú se ve así:

  <ul class="menu"> <li><a href="#nyheder"><br>Nyheder<b class="nyhedfarve">+</b></a></li> <li><a href="#events"><br>Events<b class="eventfarve">+</b></a></li> <li><a href="#musik"><br>Musik<b class="musikfarve">+</b></a></li> <li><a href="#in"><br>Hvad rør sig?<b class="infarve">+</b></a></li> <li><a href="#portrait"><br>Portræt<b class="portraitfarve">+</b></a></li> <li><a href="#om"><br>Om Street News<b class="omfarve">+</b></a></li> </ul>   

Las pestañas están funcionando perfectamente, pero me encantaría que #nyheder sea la pestaña por defecto, lo intenté con

  ).first().find('a').trigger('click');   

pero sin suerte.

Original en ingles

I'm trying to implement tabs on a website i'm working on but i'm having trouble making the first tab default.

I'm using the code from jscrollpane:

        <script type="text/javascript" id="sourcecode">         $(function()         {             $('.menu').each(                 function()                 {                     var currentTab, ul = $(this);                     $(this).find('a').each(                         function(i)                         {                             var a = $(this).bind(                                 'click',                                 function()                                 {                                     if (currentTab) {                                         ul.find('a.active').removeClass('active');                                         $(currentTab).hide();                                     }                                     currentTab = $(this).addClass('active')                                                     .attr('href');                                     $(currentTab).show().jScrollPane();                                     return false;                                 }                             );                             $(a.attr('href')).hide();                         }                     );                 }             );         });     </script> 

And my menu looks like this:

<ul class="menu"> <li><a href="#nyheder"><br>Nyheder<b class="nyhedfarve">+</b></a></li> <li><a href="#events"><br>Events<b class="eventfarve">+</b></a></li> <li><a href="#musik"><br>Musik<b class="musikfarve">+</b></a></li> <li><a href="#in"><br>Hvad rxc3xb8r sig?<b class="infarve">+</b></a></li> <li><a href="#portrait"><br>Portrxc3xa6t<b class="portraitfarve">+</b></a></li> <li><a href="#om"><br>Om Street News<b class="omfarve">+</b></a></li> </ul> 

The tabs are working perfectly but i would love #nyheder to be the default tab, i tried with

).first().find('a').trigger('click'); 

but without luck.

           

Lista de respuestas

0
 
vote
vote
La mejor respuesta
 

Esto debería hacer clic en el primer enlace en la carga de la página:

  $(document).ready(function() {     $('a').first().click(); });   

O si tiene muchos enlaces y desea asegurarse de que presione los menús:

  $('ul.menu').find('a').first().click();   
 

This should click the first a link on page load:

$(document).ready(function() {     $('a').first().click(); }); 

Or if you have a lot of links and want to be sure you hit the menu ones:

$('ul.menu').find('a').first().click(); 
 
 

Relacionados problema

2  Scroll JScrollpane mientras arrastra un jlabel que está en ese jscrollpane  ( Scroll jscrollpane while dragging a jlabel that is on that jscrollpane ) 
Tengo múltiples JBanels colocados en un jscrollpane. En este momento, lo tengo, de modo que si su mouse está fuera del marco, no arrastrará los JPanels. Nec...

1  Desactivando la capacidad de desplazarse haciendo clic en el espacio en blanco en una barra de desplazamiento  ( Disabling the ability to scroll by clicking the blank space on a scroll bar ) 
Estoy escribiendo una pequeña aplicación de swing y estoy tratando de obtener esencialmente la barra de desplazamiento hasta los botones arriba y abajo. Ya he...

0  Mousewheel fuera del jscrollpane  ( Mousewheel outside the jscrollpane ) 
Tengo este jscrollpane: http://www.clexproduction.com/aladdin/work/totalbanken Mi cliente insiste en que quiere el trabajo de Rousewheel incluso si el mouse...

0  ¿Cómo poner el nombre a las columnas a una jtabilidad?  ( How to put name to columns to one jtable ) 
updatefile(file, newMethods, newAttributes) 2 Tengo ese método para llenar mi jetable con una consulta, pero mis columnas "no tienen un nombre, ¿cómo lo p...

3  JScrollPanes dentro de Gridbaglayout se cambio al azar  ( Jscrollpanes inside gridbaglayout gets resized randomly ) 
Aquí es un duro para ustedes :) Básicamente, tengo un GridbagLayout con 2 columnas: una lista envuelta en un scrollpane en cada uno. Las vapas de despla...

1  Cómo mostrar las barras de desplazamiento de cuatro lados en jscrollpane  ( How to display four sides scrollbars on jscrollpane ) 
Tengo jscrollpane que contiene un panel similar JScrollPane scrollWindow = new JScrollPane(window); I Sobriuscando getPreferredSize() para mostrar las bar...

5  Cómo configurar el ancho de un jtable  ( How to set the width of a jtable ) 
Tengo un jtable en un jscrollpane. Quiero que el ancho mínimo sea alrededor de 600 como una mesa ancha. Intenté establecer el tamaño mínimo en la mesa, el pan...

12  Jesktoppane desplazable?  ( Scrollable jdesktoppane ) 
Me gustaría agregar capacidad de desplazamiento a un javax.swing.JDesktopPane . Pero la envoltura en un javax.swing.JScrollPane no produce el comportamient...

0  Componente dibujado personalizado no dibujando dentro de jscrollpane  ( Custom drawn component not drawing inside jscrollpane ) 
Estaba usando Java Jre 1.6.7 y tenía un JComponente y un JScrollpane. No pude obtener doble tampón para trabajar en esto, lo que siempre resultó en un parpade...

0  ¿Cómo puedo cambiar los colores del contenido de JScrollpane?  ( How can i change colors of jscrollpane content ) 
Me gustaría hacer JScrollPane con los colores cambiados de texto, fondo en el cuadro de texto y su propia fuente, pero mi implementación no funciona: he visto...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos