Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Nov 2009
    Posts
    200
    Thanks
    23
    Thanked 0 Times in 0 Posts

    jQuery fade effects in IE(8)

    Sample code:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style>
    span {display:none;}
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("span").fadeIn(3000);
      });
    });
    </script>
    </head>
    <body>
    <button>Fade in</button>
    <span>This is some text.</span>
    </body>
    </html>
    It doesn't work in IE8 and probably older versions. Any solution?

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,728
    Thanks
    6
    Thanked 1,015 Times in 988 Posts
    It should work. What happens instead?

    IE does have problems with fading semi-transparent images but not usually with simple elements.
    And by the way: the latest version of jQuery is 1.8.2 at the moment.

  • #3
    Regular Coder
    Join Date
    Nov 2009
    Posts
    200
    Thanks
    23
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan View Post
    It should work. What happens instead?

    IE does have problems with fading semi-transparent images but not usually with simple elements.
    And by the way: the latest version of jQuery is 1.8.2 at the moment.
    It just doesn't fade in -- as soon as you click on the button, the text appears.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •