Hi guys, have abit of a problem with Jquery UI dialog. I set it to modal:true, and so when i initialize the dialog, i do see the grey overlay. However, the dialog itself simply does not appear. This is the strange part (perhaps): when I put settings to autoOpen: true, the dialog appears fine, it simply does not appear again when i click. Any ideas? Thanks in advance.
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery('#loginforms').dialog({
autoOpen: false,
height: 230,
width: 330,
modal: true,
position: 'center',
buttons: {
Cancel: function() { jQuery(this).dialog('close'); },
"Log in": function() { jQuery('#login').submit(); }
}
});
jQuery('#loginbutton li a').click(function(){
jQuery('#loginforms').dialog('open');
return false;
});
});
</script>
...
<div id="loginforms" style="overflow-x:hidden;">
<form method="post" action="summary.html" class="forms" id="login">
<h2 style="font-size:16px; text-align:left;">Please login to your account: </h2><br />
<label for="name">Name</label>
<input value="" class="required" id="name" name="name" />
<label for="password">Password</label>
<input value="" class="required" id="password" name="password" type="password" />
</form>
</div>