jquery dialog not opening in browser
while implementing jquery modal popup i got bug with crome and IE browser, where as its working fine in firefox.
there are so many ways to implement jquery model popup but best way to implement jquery popup is
see bellow code:
$(function () {
$("#foo1").click(function(){
$("#bar1").dialog('open');
});
$("#bar1").dialog({
autoOpen: false,
width: 400,
modal: true,
resizable: false,
buttons:{
"Save": function(){//this is optional you can implement your own functionality
$.post('remote_foo.aspx', $('#waka').serialize(), function(data){
$('#list').html(data);})
$(this).dialog("close");
$('.dial').val('');
$('.url').val('http://');
},
"cancel": function(){
$(this).dialog("close");
}
}//buttons ending
}); //dialog ending
})// doc ready endinggo though the bellow links
http://stackoverflow.com/questions/9122008/why-is-this-jqueryui-dialog-not-working-in-ie9
http://stackoverflow.com/questions/12779789/jquery-ui-dialog-not-displaying-in-iehttp://forum.jquery.com/topic/jquery-dialog-sometimes-not-showing-in-google-chrome
Labels:
Jquery