google chrome - JQuery UI .show('slide') not animating correctly -
I am trying to create a diva that slides the mouse well on you "trigger". It is fully visible, then it is disappearing quickly and again in sliding out. I am unable to understand the reason for this behavior.
I can put a little sample if needed. The trial case is up, it's happening on all major browsers except IE6.
HTML:
& lt; Div class = 'wrap' & gt; & Lt; Div id = 'navtitle' & gt; NAV & gt; & Gt; & Lt; / Div & gt; & Lt; Div id = 'nav' & gt; & Lt; Div id = 'navlist' square = 'circular curvyRedraw' & gt; & Lt; Div class = 'top' & gt; & Lt; Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = '#' & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = '#' & gt; Single & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = '#' & gt; Supply & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = '#' & gt; Cart & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;
Javascript:
$ (document) .ready (function () {$ ('# navlist'). Hide (); $ ('# ("Slide");}) $ ('# nav'). Tie ("mouseleave", function () {bind ("mouseleave", function ()} {bind ("mouseentave", function () {$ ( '# Navlist'). $ ('# Navlist'). Hide ('Slide');});
I think some problems are due to the change of focus because the divas are slideout, which results in handlers being applied as a focus change, although I am wrong on this How can it be that jQuery's cross browser mouse events are not programmable to all browsers, so jQuery can be approximate to them). I used mouse event handlers to do a "mostly" work to make a single event Was able to handle and apply to use callback so that it can be ensured that only one live is given time, so there is no switching between them. Please note I did not give clear direction / speed to hide or was it just disappeared. Definitely not, however, how can this be done with
$ (function () {$ ('# navlist) to do something like how my example is established , ').to conceal(); $ ('#Navtitle') A ('mousecenter', showoncenter); }); Show ('Slide', Function () {$ ('# NAV'). ('Mouseway', function () {$ ('# naval'). ('Slide', {direction: 'left'}, 1000 , Function () {$ ('# navtitle'). ('Mousecenter', showoncenter);});});}); }
Comments
Post a Comment