":enabled" works in Firefox but not in IE7
| Reported by: |
sunnyramon@… |
Owned by: |
|
|
Priority:
|
high
|
Milestone:
|
1.next
|
|
Component:
|
selector
|
Version:
|
1.6.1
|
|
Keywords:
|
|
Cc:
|
|
|
Blocked by:
|
|
Blocking:
|
|
In IE7, the whole body background changed the color.
<html>
<head>
<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(":enabled").css("background-color","red");
});
</script>
</head>
<body>
<form action="">
Name: <input type="text" name="user" />
<br />
ID:<input type="text" name="id" disabled="disabled" />
Age:
<select disabled="disabled">
<option>20-30</option>
<option>30-50</option>
<option>50+</option>
</select>
<input type="submit" />
</form>
</body>
</html>
Change History (4)
| Component: |
unfiled →
support
|
| Priority: |
undecided →
high
|
| Status: |
new →
open
|
| Resolution: |
→ invalid
|
| Status: |
open →
closed
|
| Component: |
support →
selector
|
Confirmed, but in the meantime I suggest using a tagName with filters, such as
$('input:enabled, select:enabled')This is more performant and has the advantage of not affecting elements that do not have a disabled property.