Hi,
When using the "slide" effect of ui.jquery to show a hidden layer
containing radio buttons, the buttons are shown unchecked on IE7.
Here is a sample code:
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/effects.core.js"></script>
<script type="text/javascript" src="js/effects.slide.js"></script>
<script type="text/javascript">
$(function(){
$('#test').click(function(){
$('#choice1').attr('checked', true);
$('#choices').show("slide", { direction: "up" }, 500);
});
});
</script>
</head>
<body>
<input type="button" id="test" value="Show options">
<div id="choices" style="display:none">
<input type="radio" id="choice1" name="choice" value="1"> Choice
1<br />
<input type="radio" id="choice2" name="choice" value="2"> Choice
2<br />
<input type="radio" id="choice3" name="choice" value="3"> Choice
3<br />
</div>
</body>
</html>
Click the button and the radio buttons are all unchecked on IE7.
This problems is related to jQuery effects, because using a simple show
() instead of sliding the layer works fine.
Is there a workaround to this problem?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
