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

[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


-- 

http://function2form.net
http://peter-kuehnlein.net

"The Way of the Samurai is found in death. When it comes to either/or, there is only the quick choice of death. It is not particularly difficult."
(Hagakure)