JavaScript Fehler

Kade · 13. Mai 2015

Guten Abend.

Ich erlerne derzeit das Programmieren von Webseiten.

Um ein Responsive DropDown Menü zu erschaffen, arbeite ich mit JavaScript.
Nun da ich noch Anfänger bin kamen folgende Errors auf die ich einfach nicht beheben kann.

Ich hoffe mir kann einer helfen.

Mit freundlichen Grüßen

123marvin123 · 13. Mai 2015

Wenn du willst das wir dir helfen, brauchen wir den Sourcecode.

Kade · 13. Mai 2015

Sorry, wollte ich eig. mit posten, habs aber verpeilt, aber der Code steht ja auch neben den Fehlern.

Hier der Code wo die Fehler sind

Code

$(document).ready(function (e) ) {

Kinimod · 13. Mai 2015

Hast du auch jQuery im <head> Tag eingebunden?

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>

123marvin123 · 13. Mai 2015

Du hast da eine Klammer zu viel, so sollte es sein:

Code

$(document).ready(function (e) {
});

Kade · 13. Mai 2015

jQuery ist eingefügt. @Jack_Bauer

Ne es ist keine Klammer zu viel. Wenn ich eine wegmache kommen 24 Fehler. 123marvin123

123marvin123 · 13. Mai 2015

Wenn du in die offizielle Dokumentation schaust, siehst du das die .ready() Funktion wie folgt aussehen sollte:

Code

$( document ).ready(function() {
    console.log( "ready!" );
});

Kade · 13. Mai 2015

Wenn ich die Funktion so benutze bin ich wieder bei 30 Fehlern.

123marvin123 · 13. Mai 2015

Dann hast du irgendeinen anderen Fehler, am besten zeigst du uns auch die Zeilen dadrüber und dadrunter.

Kade · 15. Mai 2015

Sorry das ich erst jetzt antworte.

Hier einmal der Code 123marvin123

Code

$(document).ready(function (e) ) {

    function UDResponsive() {
        if( (($('ul.firstlvl').children('li').length)*151) > $(window).width() ){

            $('ul.firstlvl').css('display', 'none');
            $('ul.firstlvl').css('width', '100%');
            $('ul.firstlvl').css('background-color', '#00C365');
                $('ul.firstlvl.i').css('width', '100%');
                $('ul.firstlvl').css('border-bottom', '1px solid #66D494');
                $('ul.firstlvl').css('border-right', 'none');
        } else {
            $('ul.firstlvl').css('display', 'block');
            $('ul.firstlvl.').css('width', 'auto');
            $('ul.firstlvl').css('background-color', 'none');
                $('ul.firstlvl.i').css('width', '150%');
                $('ul.firstlvl').css('border-bottom', 'none');
                $('ul.firstlvl').css('border-right', '1px solid #66D494');

        };
    };

    UDResponsive();

    $('nav ul li').stop().hover(
        function(e) {
            $(this).children('ul').stop().slideDown(500);

        },
        function(e) {
            $(this).children('ul').stop().slideUp(500);
        }
    );

    $(window).resize(function(e) {
        UDResponsive();
    });

});

Alles anzeigen

breadfish.de 12. März 2022