[jQuery] Can .hover() work with disabled form elements?
Can .hover() work with disabled form elements? I'm having lots of
trouble with this.
Here's my hover:
// create a hover state for the submit button
$("#submit-button").hover(
// hover in
function() {
if ($(this).attr("disabled")) {
$(this).attr("src","images/button-continue-
disabled_hover.gif");
$(this).css("cursor","not-allowed");
} else {
$(this).attr("src","images/button-
continue_hover.gif");
}
},
// hover out
function() {
if ($(this).attr("disabled")) {
$(this).attr("src","images/button-continue-
disabled.gif");
$(this).css("cursor","pointer");
} else {
$(this).attr("src","images/button-continue.gif");
}
}
);
But if I disabled the submit button with this...
$("#submit-button").attr("disabled", true).attr("src", "images/
button-continue-disabled.gif");
...the hover no longer works. Does anyone know where I going wrong?