[TYPO3-german] OT: Menüproblem / jQuery

[Bergische Webschmiede]

Dann schrittweise vorgehen:

erstmal mit click arbeiten, mouseenter und mouseleave sind manchmal
nicht so zuverlässig, je nach Endgerät.

als click-Funktion dir irgendwas in die Console loggen, damit du siehst,
ob der Zweig überhaupt angesprungen wird.

Wenn das gesichert ist, erstmal mit show und hide arbeiten.

Geht manchmal nicht anders als Schritt für Schritt.
Gruß
Stefan


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
> 
>