Side navigation
#1215 closed bug (worksforme)
Opened May 21, 2007 07:39AM UTC
Closed May 23, 2007 01:12PM UTC
Last modified June 21, 2007 03:53AM UTC
Selector bug with IE 6 & 7
Reported by: | ScorpioX | Owned by: | |
---|---|---|---|
Priority: | major | Milestone: | 1.1.3 |
Component: | core | Version: | 1.1.2 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
Hi,
I've been working with Jquery for quite some time, thanks for your brilliant work, but now came across a strange problem with Selector under IE 6 & 7 at least.
Below is the sample code with just two lists, the first list item contains a link each while the second merely some text. Selector problem occurs with the two simple line of code trying to select a or li items with ''id'' assigned.
The code works fine in FireFox but not in IE 6 or 7. Not sure if it's browser bug or Jquery bug. I can work around by changing the ''id'' property in the seoncd list into ''title'' or others, or remove the 2nd list completely.
But I guess there are certain bigger issues within Jquery core which is beyond my capability to identify, so I'm putting it forward hoping to trigger a solution soon.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="jquery.pack.js"></script> <script type="text/javascript"> $(function(){ $(".list1 a[@id]").css("background","#0f0"); //Won't work in IE due to list2 $("li[@id]").css("background","#00f"); //Won't work in IE due to list2 }); </script> </head> <body> <ul class="list1"> <li><a id="w0" href="#">ABC</a></li> <li><a id="w1" href="#">DEF</a></li> <li><a id="w2" href="#">GHI</a></li> <li><a id="w3" href="#">JKL</a></li> <li><a id="w4" href="#">MNO</a></li> </ul> <pre>Each LI in list2 is assigned with an id, which makes jquery selector a[@id] or li{@id] fail, if changed to other property like title or alt, the problem is gone.</pre> <ul class="list2"> <li id="w">AAA</li> <li id="x">BBB</li> <li id="y">CCC</li> <li id="z">DDD</li> </ul> </body> </html>
Best regards!
Wayne
Attachments (0)
Change History (1)
Changed May 23, 2007 01:12PM UTC by comment:1
resolution: | → worksforme |
---|---|
status: | new → closed |
This works for me with latest SVN and jQuery 1.1.3a