Ich habe ein Problem mit CSS und Jquery. Muss ich um ein Objekt zu referenzieren im CSS den gesamten ID-Pfad bis dorthin angeben? BSP:
Code: Alles auswählen
<div class="oben"><div class="drin"><div id="hier">...
MfG Naums
Code: Alles auswählen
<div class="oben"><div class="drin"><div id="hier">...
Code: Alles auswählen
$("#hier").foo(bar);
Code: Alles auswählen
<div id="name"><div class="parent">
Code: Alles auswählen
<script language="javascript" type="text/javascript" src="lib/tpl/proggen3_7/js/jquery.js"></script>
<script language="javascript" type="text/javascript">'."
$(document).ready(function ()
{
$('#Hauptmenue').hover(function ()
{
$('#Hauptmenue li a.parent').addClass('hover');
$('#Hauptmenue ul.children').animate({ height: 'show', opacity: 'show' }, 'slow');
},
function ()
{
$('#Hauptmenue li a.parent').removeClass('hover');
$('#Hauptmenue ul.children').animate({ height: 'hide', opacity: 'hide' }, 'slow');
});
});
<style type="text/css">
#Hauptmenue {
list-style:none;
margin:0;
padding:0;
width:150px;
position:relative;
}
#Hauptmenue li a.parent {
width:150px; height:40px;
padding:0 0 0 0px;
line-height:35px;
}
#Hauptmenue ul {
margin:0;
padding:0;
list-style:none;
display:none;
position:absolute;
left:0;
z-index:500;
width:100px;
border:#5b554b 1px solid;
}
#Hauptmenue ul li {
font-size:11px;
}
#Hauptmenue ul li a {
display:block;
font-weight:700;
padding:0 0 0 10px;
height:30px;
color:#000000;
}
#Hauptmenue ul li a:hover {
color:#5b554b;
}
</style>
</script>
Code: Alles auswählen
<div class="topbar" style="position:fixed;margin-top:0px;z-index:2;width:100%">
<div class="header">
<table class="topheader" border="0" cellspacing="0" cellpadding="0"><tr><td class="logo">...</td>
<td class="topmenu">
<ul id="Hauptmenue">
<li><a href="#" class="parent">proggen.org</a>
<ul class="children">
<li><a href="index.php?position=news">News</a></li>
<li><a href="index.php?position=pictgal">Fotogalerien</a></li>
</ul>
</li>
</ul>
</td></tr></table></div></div>
WTF, '.".. weg damit..<script language="javascript" type="text/javascript">'."
WTF, <style> innerhalb von <script>.. das muss raus da..<script language="javascript" type="text/javascript">
...
<style>
...
</style>
</script>
Das bedeutet das wohl jQuery nicht korrekt eingebunden wird. Mit jQuery gibt $(...) nämlich nie NULL zurück sondern immer ein jQuery Objekt...naums hat geschrieben:okay... Änderungen vorgenommen, der JQuery Code kommt trotzdem nicht zur ausführung. Firefox gibt wieder die behauptung "$('#Hauptmenue') is NULL" von sich.
Code: Alles auswählen
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
Wobei ich nicht unbedingt glaube, dass sich Dokuwiki und jQuery gegenseitig ausschließen.naums hat geschrieben:Danke für den Tipp, dass es auch so läuft, jetz weiß ich, dass der fehler net bei mir liegt. Die böse Datei, die Jquery verhindert habe ich gefunden, die wird anscheinend aber gebracht. Ich setze jetzt also ein Menü ohne Jquery um. Vielen Dank an euch