Visualizzazione dei risultati da 1 a 9 su 9

Discussione: Jquery tab apertura

  1. #1
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448

    Jquery tab apertura

    Ciao ragazzi ho un semplice tab fatto in jquery e js, praticamente questo qui
    http://jqueryui.com/tabs/

    Vorrei sapere come posso far aprire di default la seconda o terza tab, per adesso in automatico la prima è sempre selezionata

    ho provato cosi ad inserire class="active" ma non va
    codice HTML:
      <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2" class="active">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
      </ul>
    Attendo risposta Grazie

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    $( ".selector" ).tabs( "option", "active", 2 ); (vedi options)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448
    Grazie Cavicchiandrea

    Ho provato ma non riesco a capire dove inserire il codice
    Ho provato cosi
    $(function() {
    $( "#tabs" ).tabs();
    $( ".selector" ).tabs({ active: 2 })
    var active = $( ".selector" ).tabs( "option", "active" );
    $( ".selector" ).tabs( "option", "active", 2 );

    // Hover states on the static widgets
    $( "#dialog-link, #icons li" ).hover(
    function() {
    $( this ).addClass( "ui-state-hover" );
    },
    function() {
    $( this ).removeClass( "ui-state-hover" );
    }
    );

    });

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    $(function() {
    $( "#tabs" ).tabs( "option", "active", 2 );
    ...
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448
    Avevo provato anche cosi ma non va, cioe se inserisco il codice che hai scritto i tabs sono tutti aperti senza nessuna formattazione

  6. #6
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    $( "#tabs" ).tabs({ active: 2 })

  7. #7
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448
    non va non capisco

  8. #8
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448
    codice:
    <script>
        $(function() {        
            $( "#tabs" ).tabs({ active: 6 })
            // Hover states on the static widgets
            $( "#dialog-link, #icons li" ).hover(
                function() {
                    $( this ).addClass( "ui-state-hover" );
                },
                function() {
                    $( this ).removeClass( "ui-state-hover" );
                }
            );
            
        });
    </script>

  9. #9
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    ci sarà qualche altro problema nella pagina

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.