jQuery对话框导致按钮不回发

时间:2010-03-28 23:38:54

标签: asp.net postback page-lifecycle jquery-ui-dialog

我在特定面板上的ASP.NET webform上使用jQuery UI Dialog()函数。

应用Dialog()后,按钮变得无用,根本不会回发;我甚至没有触发Page_Load事件,更不用说任何按钮事件了。

Dialog功能是否会影响我的按钮事件?如果有,有办法解决这个问题吗?

2 个答案:

答案 0 :(得分:2)

我的猜测是,因为您正在使用WebForms,所以您的actaul对话框超出了WebForms中的一个标记。您可以通过查看源来检查这一点,或者更好地打开IE Developer工具(F12)然后选择对话框。然后,您可以看到按钮在DOM中的位置。

另一件事,请记住在WebForms中,所有控件都必须是runat = server的控件。如果您使用的是纯HTML,那么您需要在JavaScript中指定按钮的click事件的附件。

答案 1 :(得分:0)

您接近解决方案,只是得到错误的对象。它应该是这样的:

   jQuery(function()
   {
      var dlg = jQuery("#dialog").dialog({
                             draggable: true,
                             resizable: true,
                             show: 'Transfer',
                             hide: 'Transfer',
                             width: 320,
                             autoOpen: false,
                             minHeight: 10,
                             minwidth: 10
                         });
        dlg.parent().appendTo(jQuery("form:first"));
    });