How to use jQuery UI dialog with ASP.NET UpdatePanel? -
this have tried:
in webform:
<div class="demo" style="float: left"> <div id="dialog" title="basic dialog"> <p>this animated dialog useful displaying information. dialog window can moved, resized , closed 'x' icon.</p> </div> <button id="opener">open dialog</button> </div> <!-- end demo -->
in masterpage:
<script type="text/javascript"> // increase default animation speed exaggerate effect $.fx.speeds._default = 1000; $(function () { $("#dialog").dialog({ autoopen: false, show: "blind", hide: "explode" }); $("#opener").click(function () { $("#dialog").dialog("open"); return false; }); }); </script>
as can see, trying implement demo jquery ui official website (http://jqueryui.com/demos/dialog/#animated) doesn't work.
what missing? in advance!
see this question regarding running javascript after updatepanel has loaded. after updatepanel loads when want define dialog box , button click event.
Comments
Post a Comment