Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „jquery: Probleme bei mehrfach Klicks“

A

augenball

Guest

Hallo,

baue gerade mit jQuery eine Navigation. Im Prinzip funktioniert es auch, jedoch rührt sich nichts mehr wenn ich wild drauflos klicke oder die Unterpunkte verschwinden einfach. Zudem zeight mir die firebug-Konsole den Fehler: toggleClass(...) called incorrectly?

Das Konzept hinter der Navigation ist eigentlich relativ simple: Eine ul hat einen li mit dem Hauptpunkt (default: in einer Box von 100x100px nach unten gedrückt mit margin und hat eine feste Höhe und Breite), wird der angeklickt fährt der Menüpunkt über eine Klassenveränderung hoch (margin-top=0) und gibt das Untermenü mit weiteren Punkten frei.

Ich hoffe ihr könnt helfen!

jquery-code
Code:
<!-- Javascript -->
        <script type="text/javascript">
    
        
       //Class für das hochfahren aendern (jq ui)
       $(document).ready(function(){
       $(function() {
              $( "#navAaboutme ul li a" ).click(function() {
                $( ".navaboutmeMain" ).toggleClass( "navaboutmeMain2", 3000 );
                 return true;
            });
         });
         
         $(function() {
              $( "#navKompetenzen ul li a" ).click(function() {
                $( ".navKompetenzenMain" ).toggleClass( "navKompetenzenMain2", 3000 );
                 return true;
            });
         });
         
         $(function() {
              $( "#navProjekte ul li a" ).click(function() {
                $( ".navProjekteMain" ).toggleClass( "navProjekteMain2", 3000 );
                 return true;
            });
         });
         
         $(function() {
              $( "#navKontakt ul li a" ).click(function() {
                $( ".navKontaktMain" ).toggleClass( "navKontaktMain2", 3000 );
                 return true;
            });
         });
        });
         
         //Einblenden der eigentlichen Navigations  (jq ui)
         /*$(document).ready(function(){
                    $('#navaboutme ul li a, #navKompetenzen ul li a, #navProjekte ul li a, #navKontakt ul li a').click(function() {
                        $(this).next().toggle('puff',1000);
                        return false;
                    }).next().hide(); 
         });*/

    
    </script>

html-navigation-code:
Code:
<div id="navaboutme">
                     
                    <ul>
                      <li><a href="#" class="navaboutmeMain" title="about me">About me</a>
                      
                        <ul>
                            <li><a href="#" title="Philosophie">Philosophie</a></li>
                            <li><a href="#" title="Netzwerk">Netzwerk</a></li>
                            <li><a href="#" title="Jobs">Jobs</a></li>
                            <li><a href="#" title="Rundgang">Rundgang</a></li>
                        </ul>
                      
                      </li>
                    </ul>
 

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.156
Beiträge
2.581.859
Mitglieder
67.222
Neuestes Mitglied
Gregor
Oben