[TYPO3-german] OT: Menüproblem / jQuery
Nils Hodyas
post at dietantejensen.de
Tue Mar 11 11:31:15 CET 2014
Hi Peter,
so ohne Anschauungsobjekt ist es natürlich schwierig. Eine wilde
Vermutung ist: teste mal, ob für den Rechner der Mauszeiger überhaupt
über dem Li ist, wenn er es für dein Auge ist - vielleicht ist das Li zu
klein, es liegt was unsichtbares drüber ...
LG, Nils
Am 11.03.2014 11:08, schrieb Peter Kühnlein:
> Hi Stefan,
>
> Danke für die schnelle und konstruktive Antwort. Ich hab's direkt
> getestet - aber leider ändert sich am Verhalten überhaupt nichts. Irre
> - so ein winziges Skript. Da müsste ein Fehler doch ins Auge stechen.
>
> LG Peter
>
> Am 11.03.2014 10:24, schrieb Stefan at lists.typo3.org:
>> Hi,
>>
>> diese Konstruktion
>>
>> $($(this).find("div"))
>>
>> finde ich verdächtig. Versuch mal einfach:
>> $(this).find("div").fadeIn();
>> $(this).find("div").fadeOut();
>>
>> Zur Identifizierung aktiver Menüpunkte kann man auch gut mit has()
>> arbeiten.
>>
>> Hilft dir das weiter?
>>
>> Gruß
>> Stefan Padberg
>>
>>
>>
>> Am 11.03.2014 09:32, schrieb Peter Kühnlein:
>>> Moin Liste,
>>>
>>> ich hab ein kleines Offtopic-Problem, eigentlich eher jQuery:
>>>
>>> Ich erzeuge ein Dropdown-Menü mit dieser Struktur
>>>
>>> <ul id="primenav">
>>> <li class="menu_act"><a href="home/" onfocus="blurLink(this);"
>>>> HOME</a></li>
>>> <li class="menu_no"><a href="leistungen/akquisition/"
>>> onfocus="blurLink(this);" >LEISTUNGEN</a>
>>> <div>
>>> <ul class="menu-level2">
>>> <li class="menu_no"><a href="leistungen/akquisition/"
>>> onfocus="blurLink(this);" >Akquisition</a></li>
>>> <li class="menu_no"><a href="leistungen/direktmarketing/"
>>> onfocus="blurLink(this);" >Direktmarketing</a></li>
>>> <li class="menu_no"><a
>>> href="leistungen/firmenadressen-international/"
>>> onfocus="blurLink(this);" >Firmenadressen International</a></li>
>>> <li class="menu_no"><a
>>> href="leistungen/firmenadressen-deutschland/"
>>> onfocus="blurLink(this);" >Firmenadressen Deutschland</a></li>
>>> </ul>
>>> </div>
>>> </li>
>>> ...
>>> </ul>
>>>
>>> Die div mit der Liste auf der 2. Ebene ist ausgeblendet übers CSS
>>>
>>> #primenav li div {
>>> position:relative;
>>> z-index:10;
>>> display:none;
>>> ...
>>> }
>>>
>>> Sie soll eingeblendet werden mit einem kleinen jQuery-Skript
>>>
>>> <script>
>>> $(document).ready(function(){
>>> $("#primenav li").mouseenter(function(){
>>> $($(this).find("div")).fadeIn();
>>> });
>>> });
>>> $(document).ready(function(){
>>> $("#primenav li").mouseleave(function(){
>>> $($(this).find("div")).fadeOut();
>>> });
>>> });
>>> </script>
>>>
>>> Aber dieses Skript greift nur, wenn der Menüpunkt, in dem die div
>>> steht,
>>> aktiviert ist. Soll natürlich greifen, wann immer der Mauszeiger über
>>> dem entsprechenden li der 1. Ebene landet. Verdammt! Was mach ich
>>> falsch?
>>>
>>> Danke schon jetzt für die Hilfe,
>>> Peter
>>>
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>
>
--
Nils Hodyas - Webdesign von die Tante Jensen · Großherzog-Friedrich-Straße 117 · 66121 Saarbrücken · (0681) 925 63 43 · 0160 318 183 7 · http://dietantejensen.de · DE 2757 96974 · Registergericht Saarbrücken
More information about the TYPO3-german
mailing list