Il tentativo di creare un menu a discesa rapida jQuery
-
18-09-2019 - |
Domanda
Non sono sicuro se sto facendo questo diritto, ma sto cercando di creare un semplice menu a tendina in jQuery. Io fondamentalmente voglio un div (con link) ad apparire una volta la voce di menu si passa sopra ..
Il Menù:
<ul id="mainlevel">
<li><a href="#" class="mainlevel_home" ><span>Home</span></a></li>
<li><a href="#" class="mainlevel_feature-writers" ><span>Feature Writers</span></a></li>
<li><a href="#" class="mainlevel_fantasy-killed-my-hsc" ><span>Fantasy Killed My HSC</span></a></li>
</ul>
The Hidden Div:
<div class="subMenu"><a href="/feature-writers/jd-ormsby" class="sublevel jd-ormsby"><span>J.D. Ormsby</span></a></div>
Il jQuery:
$(".mainlevel_feature-writers").hover(function(){
$(".subMenu").fadeIn("slow");
}, function() {
$(".subMenu").fadeOut("slow");
});
Ora, questo svanisce nel div nascosto e svanisce fuori bene, ma - come faccio a impedire che la dissolvenza in chiusura se qualcuno si libra su qualcosa all'interno del recente mostrato a div
Scusate se questa è una domanda davvero evidente .. sto ancora imparando! :)
Soluzione
Credo che è necessario separare la gestione degli eventi e mouseover
mouseout
.
Presumibilmente, si desidera che il gestore mouseover
da allegare al elemento di menu "livello superiore", e il gestore mouseout
da allegare al nascosto "discesa" div (con un codice di stato per gestire i conflitti).