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

[Susanne]

Hallo Peter,

hast du vielleicht mal nen Link? Dann schau ich´s mir mal an.

Gruß
Susanne

Am 12.03.2014 18:22, schrieb Peter Kühnlein:
> Hi Susanne -
>
> und nochmal Danke: ich hab's getestet, und auch einen alert() 
> eingebaut: an den Menüpunkten 1 und 4 (also, wenn die aktiv sind) wird 
> das Skript nicht einmal ausgelöst, an den Menüpunkten 2, 3 und 5 schon.
>
> Ich bin komplett verwirrt.
>
> Schöne Grüße,
> Peter
>
> Am 12.03.2014 17:45, schrieb Susanne:
>> Hallo Peter,
>>
>> noch ein Versuch:
>>
>> $(document).ready(function()
>> { $( "#primenav li" ).hover(
>> function() {
>> $(this).children("div").fadeIn();
>> }, function() {
>> $(this).children("div").fadeOut();
>> }
>> );
>> });
>>
>> Gruß
>> Susanne
>>
>> Am 11.03.2014 19:51, schrieb Peter Kühnlein:
>>> Schönen Abend Susanne,
>>>
>>> und Danke für das Snippet... ich werd heut echt noch wahnsinnig: das 
>>> macht exakt das Gleiche wie das, das ich gebastelt hatte. Also: vom 
>>> aktiven Menüpunkt aus, dem nächsten und überübernächsten... das ist 
>>> doch irre.
>>>
>>> LG Peter
>>>
>>> Am 11.03.2014 17:00, schrieb Susanne:
>>>> Hi,
>>>>
>>>> sorry, irgendwas ist beim reincopieren mit dem code passiert. Hier 
>>>> der code nochmal (hoffentlich) in ordentlich:
>>>> ungetestet, aber versuchs mal mit hover:
>>>>
>>>> $(document).ready(function()
>>>> { $( "#primenav li" ).hover(
>>>> function() {
>>>> $($(this).find("div")).fadeIn();
>>>> }, function() {
>>>> $($(this).find("div")).fadeOut();
>>>> }
>>>> );
>>>> });
>>>>
>>>> Gruß Susanne
>>>>
>>>> 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
>>>
>
>