javascript - Why is mouseleave triggering -
I am trying to develop my own accordion / sliding menu. (As a side question, are any good people who can easily be adapted / skinned?)
I feel that when I "internal" since it is "internal", my The mouse definitely did not leave #mainnav
.
My test page
without that annoying test warning
$ ("#manNew"). Mouseleave (function () {warning ("mouseleave # manneave");});
More complete sources:
$ (function () {$ ("# mainnav> li & gt; ; A "). Hover (mouseover); $ (" #manNew "). Mouseleave (function () {alert (" mouselev = MANENV ");}}}}); Function mouse over () {$ (this) .next ("ul"). SlideDown ("sharp", function () {$ ("li: is (a)> one", this). Hover (mouseover);}); }
#mainnav, #mainnav ul {list-style: none; Padding: 0; Margin: 0; Background: #bbb; } #mainnav ul {display: none; Margin: 5px 10px; } #mainnav a {display: block; Padding: 5px 10px; Margin: 2px 0; Background: yellow; }
& lt; Ul id = & quot; Menonov & quot; & Gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test 1 & lt; / A & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = & quot; # & Quot; & Gt; Test & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;
There is also a single zoxy accordion / sliding menu / nothing that is easily skinned and not optimized. They all use CSS.
Comments
Post a Comment