[jQuery] Possible Bug
I have a select box with option elements that I am try to do .hover() on and they are not working in IE, everything works fine in Firefox but I get nothing in IE 6 or 7. The code looks like this
<select name="colors">
<option class="jqueryColor" value="black" hex="#000000" image="">Black</option>
<option class="jqueryColor" value="red" hex="#FF0000" image="">Red</option>
</select>
javascript looks like this:
$(".jqueryColor").hover(
function() {
if (typeof($(this).attr("hex")) != "undefined" ) {
if ( $(this).attr("hex") != "" ) {
$("#colorSwatch").css("background-color", "#" + $(this).attr("hex") );
} else {
if ( $(this).attr("image") != "" ) {
var $image = "images"/swatches/" + $(this).attr("image");
$("#colorSwatch").css( "backgroundImage", "url(" + $image + ")" );
}
}
}
},
function() {
$("#colorSwatch").css( "background-color", "" );
$("#colorSwatch").css( "background-image", "" );
}
);