Comments for CreateOpen http://www.createopen.com/blog Coding to the max! Thu, 11 Mar 2010 01:29:35 +0000 http://wordpress.org/?v=2.5 Comment on Son of Suckerfish dropdowns in jQuery by Ryan http://www.createopen.com/blog/2008/09/son-of-suckerfish-dropdowns-in-jquery/#comment-26 Ryan Mon, 24 Nov 2008 18:37:44 +0000 http://www.createopen.com/blog/?p=19#comment-26 Turns out the "solution" I posted above causes the hover out to stop working in IE6 when your mouse moves out a menu and off of #nav. I've tested this with good results in Firefox 3 Mac, Safari 3 Mac, IE7 XP and IE6 XP: $('#nav li').hover( function() { jQuery.browser.version = jQuery.browser.msie && parseInt(jQuery.browser.version) == 6 && window["XMLHttpRequest"] ? "7.0" : jQuery.browser.version; if(jQuery.browser.version == '7.0') $('#nav li').removeClass('sfhover'); $(this).addClass('sfhover'); }, function() {$(this).removeClass('sfhover')} ); Turns out the “solution” I posted above causes the hover out to stop working in IE6 when your mouse moves out a menu and off of #nav.

I’ve tested this with good results in Firefox 3 Mac, Safari 3 Mac, IE7 XP and IE6 XP:

$(’#nav li’).hover(
function() {

jQuery.browser.version = jQuery.browser.msie &&
parseInt(jQuery.browser.version) == 6 &&
window[”XMLHttpRequest”] ?
“7.0″ :
jQuery.browser.version;
if(jQuery.browser.version == ‘7.0′) $(’#nav li’).removeClass(’sfhover’);

$(this).addClass(’sfhover’);

},
function() {$(this).removeClass(’sfhover’)}
);

]]> Comment on Son of Suckerfish dropdowns in jQuery by Ryan http://www.createopen.com/blog/2008/09/son-of-suckerfish-dropdowns-in-jquery/#comment-25 Ryan Mon, 24 Nov 2008 18:06:13 +0000 http://www.createopen.com/blog/?p=19#comment-25 Thanks for the jQuery version! Son of Suckerfish has an IE7 issue (IE6 not affected) that manifests when you hover from one LI element directly to another. When this happens, as opposed to hovering off #nav, then back on, .sfhover does not get removed. Undesirable result: The menu item you just hovered off remains visible, along with the new menu item. Easy to fix is to change lines 3-4 to: function() {$('#nav li').removeClass('sfhover')}, function() {$(this).addClass('sfhover')} Thanks for the jQuery version!

Son of Suckerfish has an IE7 issue (IE6 not affected) that manifests when you hover from one LI element directly to another. When this happens, as opposed to hovering off #nav, then back on, .sfhover does not get removed. Undesirable result: The menu item you just hovered off remains visible, along with the new menu item.

Easy to fix is to change lines 3-4 to:

function() {$(’#nav li’).removeClass(’sfhover’)},
function() {$(this).addClass(’sfhover’)}

]]>