asp.net - jQuery 对话框导致按钮不回发

Question

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

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

对话框功能是否与我的按钮事件混淆？如果是这样，有没有办法解决这个问题？

Answer 1

我的猜测是，由于您使用的是 WebForms，因此您的实际对话框位于您在 WebForms 中获得的一个标签之外。您可以通过查看源代码来检查这一点，或者最好打开 IE 开发工具 (F12) 然后选择对话框。然后，您可以查看按钮在 DOM 中的位置。

另一件事，请记住，在 WebForms 中，所有控件都必须是 runat=server 的控件。如果您使用的是纯 HTML，那么您需要在 JavaScript 中分配按钮的单击事件的aciont。

Answer 2

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

   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"));
    });