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

[Peter Kühnlein]

Hi Stefan,

Danke für den Tipp. Ich werd da morgen mal weitermachen. Heut verlassen 
mich gerade die Nerven. <- Das letztere war ein Witz.

Ja, ich denk, da bleiben nur Prüfpunkte... ich werd irgendwo einen 
alert() setzen.

LG Peter

Am 11.03.2014 12:04, schrieb Stefan at lists.typo3.org:
> 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

-- 

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)