• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem

Nightloewe

Neues Mitglied
Also ich habe ein Problem undzwar möchte ich das ein li und ein a beide mit onclick die selbe Funktion ausführen doch dies geht nicht wenn ich es bei dem li rein tu geht es bei dem a nicht...
Hier der Code
Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/menu.css"   media="screen"   />
</head>
<Body>
<script type="Text/Javascript">
function Sub1Show() {
                if(document.getElementById('ul1').style.display=='block')
            {document.getElementById('ul1').style.display='none';}
            else
            {document.getElementById('ul1').style.display='block';}}
</script>
<div id="cmdmenu">
<ul id="navi">
  <li id="img" style="border-radius: 5px;" onclick="window.location.href="index.php"><img src="img/menulogo.png" style="border-radius: 5px;"></li id="img">
  <li id="cnsites" onclick="Sub1Show()"><a href="#show" onclick="Sub1Show()">Craft Network Sites</a> </li id="cnsites">
    <ul id="ul1">
      <li id="wvm" onclick="window.location.href = 'http://weltvonminecraft.de/'"><a href="http://weltvonminecraft.de">weltvonminecraft.de</a></li>
      <li id="wvm" onclick="window.location.href = 'http://maltesermailo.de/'"><a href="http://maltesermailo.de">maltesermailo.de</a></li>
      <li id="wvm" onclick="window.location.href = '#'"><a href="#">Craft Network WEBSITE not online</a></li>
    </ul id="ul1">
  <li id="Loginli"><a href="#">Login</a>
    <ul>
      <li>ka</li>
      <li></li>
      <li></li>
    </ul>
  </li>
</ul>
</div id="cmdmenu">
</Body>
 
Das Problem nennt sich Event Bubbling. Beim Klick auf das innere Element wird das äußere auch "benachrichtigt". Um das zu verhindern, bietet jQuery die Methode stopPropagation().

Nebenbei bemerkt dürfen IDs nur einmalig pro Seite vergeben werden.
 
Zurück
Oben