Side navigation
#14136 closed bug (duplicate)
Opened July 15, 2013 07:40PM UTC
Closed July 15, 2013 07:46PM UTC
:target selector does not work with .ready in Chrome
Reported by: | spizder@gmail.com | Owned by: | |
---|---|---|---|
Priority: | undecided | Milestone: | None |
Component: | unfiled | Version: | 1.10.2 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
Create following HTML file. Open it in Chrome and any other browser and append hashtag #foo to the file name
Result:
In Chrome, text will be blue (no class appended to #foo)
In other browsers it will be red (#foo has class bar)
<style> .bar { color: red !important; } :target { color: blue; } </style> <div id="foo">Hello, world</div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(function() { $(":target").addClass("bar"); }); </script>
When executed from console, $(":target").addClass("bar") works
duplicate 14135