Opened 14 years ago
Closed 14 years ago
#4405 closed bug (wontfix)
<li> list-styles don't show up right after fadeIn() on ie7
Reported by: | jettero | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | 1.4 |
Component: | core | Version: | 1.3.2 |
Keywords: | fadein ie | Cc: | |
Blocked by: | Blocking: |
Description
It could be user-error, but I don't think so.
If I change this fadeIn to a slideDown, it works great. But if I use the fadeIn on IE, the list numbers are missing. :(
<head> <title>Hiding ol test</title> <script src="/jquery.js"></script> </head> <body> <p> In IE (but not firefox), the list-style for the li tag turns to "none..." why? </p> <p> test 1 </p> <ol> <li> test </li> <li> test </li> </ol> <div class="readmore"> <p> test 2 </p> <ol> <li> test </li> <li> test </li> </ol> </div> <script language="javascript"> $(document).ready(function() { $("div.readmore").find("p, ol").hide(); $("div.readmore").prepend("<p class='readmore'>(<a href='#'>readmore</a>)</p>"); $("div.readmore p.readmore").click( function(e) { $(this).parent().find("p, ol").fadeIn("slow"); $(this).remove(); e.preventDefault(); }); }); </script> </body> </html>
Change History (2)
comment:1 Changed 14 years ago by
comment:2 Changed 14 years ago by
Resolution: | → wontfix |
---|---|
Status: | new → closed |
This appears to be an issue with the AlphaFilter transform in IE. If you apply opacity directly to the OL the numbers disappear. If you apply the opacity to a parent, then it is okay. Please fadeIn the parent as a workaround to this IE issue. Not sure we can reliably fix this in jQuery core. We could potentially wrap the OL in a div or just apply the opacity to the parent... both have fairly significant implications.
Note: See
TracTickets for help on using
tickets.
I have posted an example of precisely what I mean for your clicking pleasure:
http://mei.net/~paul/missing_numbers.html