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

[Peter Kühnlein]

Hi Nils,

Hmmm... um ehrlich zu sein: ich hab' beim weiteren Testen bemerkt, dass 
es noch komplizierter ist. Das Skript funktioniert, wie beschrieben, 
wenn der betreffende Menüpunkt aktiv ist. Aber auch, wenn der nächste 
oder überübernächste aktiv ist. Nur vom vorhergehenden oder übernächsten 
Menüpunkt aus nicht.

Ich hab auch mit Firebug mal die Seite angesehen: da ist nichts 
überdeckt... ich werd zum Hirschen...

LG Peter

Am 11.03.2014 11:31, schrieb Nils Hodyas:
> 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 


-- 

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

"It is a matter of course that a warrior's attitude should be to be in the vanguard during an attack and in the rear during a retreat."
(Hagakure)