Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Navigation mit 2 jquery tutorials“

bibifellow

Nicht mehr ganz neu hier

Ich habe eine Navigation erstellt mit einem dropdown menü
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="navi.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jsapi.js"></script>
<script src="jquery.hoverIntent.minified.js" type="text/javascript"></script>
<script type="text/javascript">
/* <![CDATA[ */
  google.load("jquery", "1.3.2");
/* ]]> */
</script>
<script src="jquery.nmcDropDown.js" type="text/javascript"></script>
 <script type="text/javascript">
 /* <![CDATA[ */


$(document).ready(function() {
$('#nav ').nmcDropDown({
    trigger: 'click',
    show: {height: 'show'},
    hide: {height: 'hide'},
                show_speed: 3000
});
});
$(document).ready(function() {
$('#nav a').click/function(){
	$(this).parents('li').siblings('li:has(.active)').find('a').removeCLass('active').end().end().end.().addClass('active');
	return false;
    
});
});


 /* ]]> */
 </script>
<title>Untitled Document</title>
</head>

<body><ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Speisekarte</a>
<ul> 
<li><a href="#">Pizza</a></li>
<li><a href="#">Nudeln</a></li>
<li><a href="#">Dessert</a></li>
<li><a href="#">Getränke</a></li>
</ul>
</li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Kontakt</a></li>

</body>
</html>

läuft alles Bestens.
Nun möchte ich noch die aktuelle Seite hervorheben und habe den Code für Java daruntersetzt
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="navi.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jsapi.js"></script>
<script src="jquery.hoverIntent.minified.js" type="text/javascript"></script>
<script type="text/javascript">
/* <![CDATA[ */
  google.load("jquery", "1.3.2");
/* ]]> */
</script>
<script src="jquery.nmcDropDown.js" type="text/javascript"></script>
 <script type="text/javascript">
 /* <![CDATA[ */


$(document).ready(function() {
$('#nav ').nmcDropDown({
    trigger: 'click',
    show: {height: 'show'},
    hide: {height: 'hide'},
                show_speed: 3000
});
});
[COLOR="Red"]$(document).ready(function() {
$('#nav a').click/function(){
	$(this).parents('li').siblings('li:has(.active)').find('a').removeCLass('active').end().end().end.().addClass('active');
	return false;
    
});
});[/COLOR]


 /* ]]> */
 </script>
<title>Untitled Document</title>
</head>

<body><ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Speisekarte</a>
<ul> 
<li><a href="#">Pizza</a></li>
<li><a href="#">Nudeln</a></li>
<li><a href="#">Dessert</a></li>
<li><a href="#">Getränke</a></li>
</ul>
</li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Kontakt</a></li>

</body>
</html>

In der folgender Zeile
HTML:
$(this).parents('li').siblings('li:has(.active)').find('a').removeCLass('active').end().end().end.().addClass('active');

wird dann ein Syntax Error angezeigt. Ich weiß nicht genau warum.
 

Myhar

Hat es drauf

AW: Navigation mit 2 jquery tutorials

Code:
$('#nav a').click[B]/[/B]function(){
Da gehört wohl ein ( und kein / hin. Es ist immer hilfreich, auch die vorhergehenden Zeilen azuschauen, wenn einem ein Syntaxfehler angezeigt wird.

L. G.
 

fexx

Aktives Mitglied

AW: Navigation mit 2 jquery tutorials

Code:
$(this).parents("li").siblings("li:hasClass('active')").find("a").removeClass("active").end().end().end.().addClass("active");

versuchs mal so ...
 

bibifellow

Nicht mehr ganz neu hier

AW: Navigation mit 2 jquery tutorials

Hi, ich habe es nun mit Änderungen probiert hat erst nicht geklappt. Dann habe ich es aus dem Tutorial kopiert und plötzlich hat es geklappt.
HTML:
$(document).ready(function() {
  $('#nav a').click(function() {
    $(this).parents('li').siblings('li:has(.active)').find('a').removeClass('active').end().end().end().addClass('active');
    return false;
  });
});
Ich habe es dann verglichen, die Klammer musste sein aber mit der Abänderung blieb der Fehler erst nach dem Kopieren funktionierte es. Ich habe dann die Zeilen x-mal verglichen aber keinen Fehler gefunden. Danke für die Hilfe!!
 
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.155
Beiträge
2.581.853
Mitglieder
67.221
Neuestes Mitglied
opaklaus
Oben