javascript - Mouse leave event keeps firing in navigation menu -


here link item in question: http://www.nychukdesign.com/uploads/dynamic-top-bar-nav-menu.html

all html, javascript , css in 1 html file

functionality description: simple dynamic horizontal navigation bar intended disappear when user scrolls down page, in trigger activated when user mouses area, of slides down , reappears, , disappears once more upon mousing out. when user scrolls top navigation returns it's default (static) state...which problem comes in.

problem description: (and yes can not re-create problem every time) when return top of page, , navigation returns it's default state, when mouse leaves area (without scrolling down again) navigation slide , disappear. sometime happen on first try, after several, , in firefox 2.0, although have had happen once or twice in safari.

my thoughts: baffled this, , why seeking help. advice appreciated.

to re-create problem update: discovered how re-create problem. must scroll down , trigger menu @ least once, before scrolling top, in mousing on menu reason make disappear.

code:

<script type="text/javascript"> // use short notation of dom ready  $(function(){  // assign variables menu, trigger , menu position (relative document) var menu = $('#menu'),     menutrigger = $('#menu-trigger'),     pos = menu.offset();      // listen scroll event     $(window).scroll(function(){         // if scroll past position of menu's height , has it's default style, hide menu.          if($(this).scrolltop() > pos.top+menu.height() && menu.hasclass('default')){             menu.fadeout('fast', function(){                   // remove default class , replace fixed class                   $(this).removeclass('default').addclass('fixed');              });             // initiate trigger show , hide menu mouse event                    $(menutrigger).removeclass('hidden').addclass('block').mouseenter(function(){                 $(menu).slidedown('fast').mouseleave(function(){                 $(menu).slideup('fast');                 });                 });         // if scroll top , menu has fixed class, fadein menu         } else if($(this).scrolltop() <= pos.top && menu.hasclass('fixed')){             menu.fadein('fast', function(){                 // hide trigger                 $(menutrigger).removeclass('block').addclass('hidden');                  // give menu default style                 $(this).removeclass('fixed').addclass('default');             });         }     });  }); </script>


Comments

Post a Comment

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

Image
given ax = plt.subplot() : ax.bar()[0] can passed plt.legend() . however, ax.bar3d() returns none . how create legend displayed bars? update: passing legend="stuff" ax.bar3d() , calling ax.legend() raises /usr/lib/python2.6/site-packages/matplotlib/axes.py:4368: userwarning: no labeled objects found. use label='...' kwarg on individual plots. warnings.warn("no labeled objects found. " you need use proxy artist legends not supported. this code: from mpl_toolkits.mplot3d import axes3d import matplotlib.pyplot plt import numpy np fig = plt.figure() ax = fig.add_subplot(111, projection='3d') x, y = np.random.rand(2, 100) * 4 hist, xedges, yedges = np.histogram2d(x, y, bins=4) elements = (len(xedges) - 1) * (len(yedges) - 1) xpos, ypos = np.meshgrid(xedges[:-1]+0.25, yedges[:-1]+0.25) xpos = xpos.flatten() ypos = ypos.flatten() zpos = np.zeros(elements) dx = 0.5 * np.ones_like(zpos) dy = dx.copy() dz = hist.flatten() ax...
Read more

java - Multi-Label Document Classification -

i have database in store data based upon following 3 fields: id, text, {labels}. note each text has been assigned more 1 label \ tag \ class. want build model (weka \ rapidminer \ mahout) able recommend \ classify bunch of labels \ tags \ classes given text. i have heard svm , naive bayes classifier, not sure whether support multi-label classification or not. guides me right direction more welcome! the basic multilabel classification method one-vs.-the-rest (ovr), called binary relevance (br). basic idea take off-the-shelf binary classifier, such naive bayes or svm, create k instances of solve k independent classification problems. in python-like pseudocode: for each class k: learner = svm(settings) # example labels = [class_of(x) == k x in samples] learner.learn(samples, labels) then @ prediction time, run each of binary classifiers on sample , collect labels predict positive. (both training , prediction can done in parallel, since problems assumed ...
Read more

php - Dynamic url re-writing using htaccess -

how can rewrite http://mydomain.com/test/master.php?catid=2&subcatid=8 http://mydomain.com/test/master.php/catname/subcat using .htaccess file. once rewritten, how can access these parameters in master.php? note: untested, let me know if doesn't work. rewriterule ^master.php/([a-za-z0-9_-]+)/([a-za-z0-9_-]+)$ /master.php?catid$1&subcatid=$2 [l]
Read more