I've setup a page that uses simple JQuery to fade out text when clicking a link. This page works in all browsers. However, when this page is displayed in the ThickBox popup, the link doesn't fadeout the text in firefox or chrome but does fade out in IE.
Does anyone else have this problem? If you want to test this please use the code below: Default.aspx (the page that uses Thickbox and calls Test.aspx) <html xmlns="http://www.w3.org/1999/xhtml";> <head runat="server"> <title></title> <link href="thickbox.css" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/ jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="thickbox.js"></script> </head> <body> <input alt="Test.aspx? height=600&width=500&inlineId=myOnPageContent" title="Feedback Form" class="thickbox" type="button" value="FeedBack" /> </body> </html> Test.aspx (Will fadeout the red background on IE not FF or chrome when used in conjunction with ThickBox) <head runat="server"> <title></title> <style type="text/css"> #box { background: red; width: 300px; height: 300px; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/ jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#link').click(function() { alert('test'); $('#box').fadeOut(); }); }); </script> </head> <body> <form id="form1" runat="server"> <div id="box"></div> <a id="link" href="#">Click me</a> </form> </body> </html>
