.fadeOut funktioniert nicht mit sehr einfachem Code

Ich versuche, ein Navigationsmenü für einen Blog zu machen, an dem ich arbeite, derzeit versuche ich es zu machen, wenn die Registerkarte 'Home' auf die anderen beiden ausgeblendet wird. Ich weiß nicht, warum dieser Code nicht funktioniert, da es ein paar ziemlich einfache Zeilen Code ist. Ich werde das CSS nicht hinzufügen, da ich nicht glaube, dass es etwas mit diesem Problem zu tun haben wird. Vielen Dank!.fadeOut funktioniert nicht mit sehr einfachem Code

<div id='bckDrp'> 
    <div id='nav'> 
    <ul id='navLst'> 
     <li class='navOp' id='hme'>Home</li> 
     <li class='navOp' id='abt'>About</li> 
     <li class='navOp' id='prt'>Portfolio</li> 
    </ul> 
    </div> 
</div>

var main = function(){ 
    $('#hme').click(function(){ 
    $('#abt, #prt').fadeOut(); 
    }); 
} 

document.ready(main);

Quelle

2016-08-25 Joshua

Sie sind eigentlich nicht die Hauptfunktion überhaupt aufrufen.

document.ready(main)

Sollte das JQuery-Format sein:

$(document).ready(main);

Quelle

2016-08-26 00:03:00

Sie haben vergessen document in der JQuery-Objekt zu wickeln:

$(document).ready(main);

Quelle

2016-08-26 00:03:03 Mike

Wow Anfängerfehler haha. Vielen Dank! – Joshua

@Joshua haha, keine Sorgen – Mike

ändern wie folgt aus:

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

Schlusscode :

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
</head> 
 
<body> 
 
    <div id='bckDrp'> 
 
    <div id='nav'> 
 
    <ul id='navLst'> 
 
     <li class='navOp' id='hme'>Home</li> 
 
     <li class='navOp' id='abt'>About</li> 
 
     <li class='navOp' id='prt'>Portfolio</li> 
 
    </ul> 
 
    </div> 
 
</div> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script> 
 
var main = function(){ 
 
    $('#hme').click(function(){ 
 
    $('#abt, #prt').fadeOut(); 
 
    }); 
 
} 
 
$(document).ready(function(){ 
 
    main(); 
 
}) 
 
    </script> 
 
</body> 
 
</html>

Quelle

2016-08-26 00:03:51 Ehsan

Änderung document.ready Funktion. Versuchen Sie dies:

$(document).ready(function(){ 
$('#hme').click(function(){ 
$('#abt, #prt').fadeOut(); 
}); 
});

Quelle

2016-08-26 01:00:03 SJPadikkoth

.fadeOut funktioniert nicht mit sehr einfachem Code

Antwort

Verwandte Themen