Problemi con tabs jquery

F

fradamma

Utente Attivo
28 Set 2012
93
0
0
Salve a tutti, ho delle altre tab (in questo caso però non l ho fatto io), con 3 tabs dove però al click sul secondo e terzo tab non succede nulla, in quanto non cambia tab. Come è possibile? il codice mi sembra giusto....Grazie a tutti. Posto il codice:

JAVASCRIPT
Codice: 
$(".dettaglio_pilota .box_content ul li a").click(function(){ 

var nome_box = $(this).attr("rel"); 

$(".dettaglio_pilota .box_content ul li").removeClass("active"); 

$(this).parent().addClass("active");

$(".box_profilo").addClass("hidden");

$("#"+nome_box).removeClass("hidden");

return false;

});

HTML
HTML: 
<div class="box_content">
<ul>
<li class="active"><a href="#" rel="profilo">PROFILO</a></li>
<li><a href="#" rel="biografia">BIOGRAFIA</a></li>
<li><a href="#" rel="palmares">PALMARES</a></li>
</ul>

<!--Box profilo-->
<div class="box_profilo" id="profilo">
Lorem ipsum dolor sit amet...
</div>

<div class="box_profilo hidden" id="biografia">
Lorem ipsum dolor sit amet...
</div>

<!--Box palmares-->
<div class="box_profilo hidden" id="palmares">
Lorem ipsum dolor sit amet...
</div>
</div>
 
Ultima modifica di un moderatore:
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Usa i tag per formattare i codici che posti Ultime 3 icone seconda linea della barra di formattazione
 
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
a me funziona
il contenuto dei 3 tab è sempre lo stesso di conseguenza non noti la differenza, cambialo leggermente
HTML: 
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <style>
            .hidden {
                display: none;
            }
        </style>
        <script type="text/javascript">
            $(document).ready(function(){
                $(".box_content ul li a").click(function(){ 

                    var nome_box = $(this).attr("rel"); 

                    $(".box_content ul li").removeClass("active"); 

                    $(this).parent().addClass("active");

                    $(".box_profilo").addClass("hidden");

                    $("#"+nome_box).removeClass("hidden");

                    return false;

                });
            })
           
        </script>
    </head>
    <body>
        <div class="box_content">
            <ul>
                <li class="active"><a href="#" rel="profilo">PROFILO</a></li>
                <li><a href="#" rel="biografia">BIOGRAFIA</a></li>
                <li><a href="#" rel="palmares">PALMARES</a></li>
            </ul>

            <!--Box profilo-->
            <div class="box_profilo" id="profilo">
                Lorem ipsum dolor sit amet...dasd
            </div>

            <div class="box_profilo hidden" id="biografia">
                Lorem ipsum dolor sit amet...d
            </div>

            <!--Box palmares-->
            <div class="box_profilo hidden" id="palmares">
                Lorem ipsum dolor sit amet...asdasdasd
            </div>
        </div>
    </body>
</html>
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
T problemi con dati menu a tendina HTML e CSS 2
M Upload immagine con javascript problemi con FormData() Javascript 1
A Problemi con move_uploaded_file PHP 7
M Problemi con la stampa dei valori in php PHP 1
L Problemi con il login PHP 2
R Tutto su utf-8 ma ancora problemi con i caratteri speciali in mysql MySQL 1
Z problemi con foreach insert into PHP 10
B javascript per problemi con pdf e Safari Javascript 0
M Problemi con creazione maschere Presentati al Forum 1
M Problemi con query a più tabelle PHP 3
S Problemi delle funzioni eliminate con PHP e MySQL PHP 4
M Problemi con blog Grav CMS (Content Management System) 0
S incoerenza di stampa. problemi con il magenta Photoshop 3
A problemi con paypall Java 1
S Problemi con modulo upload video php (help!) PHP 0
felino [Windows 8.1] Problemi con connessione WiFi Windows e Software 0
E [PHP] problemi nuova riga con fwrite su piattaforma android PHP 5
O [HTML] problemi con la regola "background-attachment: fixed" in EDGE HTML e CSS 0
M [PHP] Problemi con query unione PHP 11
M [PHP] Problemi con select PHP 6
ANDREA20 [HTML] problemi con il footer HTML e CSS 1
D [MS Access] problemi con inserimento campo in una maschera MS Access 6
M [PHP] Problemi con il riconoscimento login. PHP 21
A [WordPress] problemi con xampp WordPress 2
M Problemi con database Apache/2.4.37 (Win32) OpenSSL/1.1.1a PHP/7.3.1 PHP 6
S [PHP] problemi con le sessioni PHP 3
T [PHP] problemi con il browser PHP 0
Andrea_Ventura [HTML] Problemi con effetto hover HTML e CSS 5
M [PHP] Problemi con login facebook PHP 0
Andrea_Ventura [HTML] Problemi con visualizzazione Navigation Bar HTML e CSS 10
andreas88 Creare file .htaccess per risolvere alcuni problemi con il tester SEO SEO e Posizionamento 0
Eugene [Joomla] Problemi con modulo per strutture alberghiere JHotelreservation starter Joomla 6
F [PHP] Problemi di base con bot di telegram PHP 9
M [Photoshop] Problemi con importazione immagini trasparenti in indesign Photoshop 0
E [Photoshop] Problemi con dimensioni immagini Photoshop 12
G [HTML] Problemi con inserimento immagini HTML e CSS 7
L Problemi con Javascript e Mustache Javascript 0
G Invio Mail con PHPMailer, problemi SMTP PHP 7
A [Javascript] problemi con javascrip e posizione GPS html5 Javascript 6
D Due problemi con Photoshop... Photoshop 1
G Problemi con pagina online.php di una chat in php PHP 38
S Problemi con impostazioni php PHP 3
P Problemi con AndroidStudio Sviluppo app per Android 0
S Problemi con Dell Precision T5400 Windows e Software 2
F ciao, sono ferro e ho bisogno di aiuto per problemi con la mail di alice.it Presentati al Forum 1
S [PHP] Problemi con Login e pagina Utente PHP 5
Z problemi con swf e chrome o sistemi portatili Webdesign e Grafica 5
N Problemi connettività con Tp Link EAP 110 Reti LAN e Wireless 0
S [HTML] Problemi con Blueimp image gallery su Chrome e Firefox HTML e CSS 2
W [HTML] problemi con sito responsive CMS (Content Management System) 1

Discussioni simili

Alto Basso