html - 未发送 Jquery UI 对话框中的输入？

Question

我的对话框中的输入字段没有发布，我不确定为什么...

我已经在 mac firefox 和 safari 以及 windows IE 和 firefox 上测试过它，结果相同，所以我不认为它是浏览器，如果我禁用对话框，字段会正常显示。

我重新阅读了 jquery ui 文档，但找不到我做错了什么……对话框似乎不太可能不支持输入。

这是我正在使用的代码的精简版:

<script type="text/javascript">
 $(document).ready(function(){
  $("#dialog").dialog({
   autoOpen: false,
   buttons: {
    "OK": function() {
     $(this).dialog('close');
    }
   }
  });
  $("#publishSettings").click(function(){
   $("#dialog").dialog('open');
  });
 });
</script>

<form method="POST" action="publish.php">
 <input type="button" id="publishSettings" value="Publish Settings">
 <div id="dialog">
  Publish Date
  <input type="text" name="publishOn"><br>
  Unpublish Date
  <input type="text" name="unPublishOn">
 </div>
 <input type="submit" name="pubArticle" value="Publish">
</form>

没什么特别的吧？为什么这对我不起作用!？

谢谢!

Answer 1

当 JQuery 打开对话框时，它将它移到窗体之外。

解决方法如下:

jQuery UI Dialog with ASP.NET button postback

基本上你的情况:

var dlg =  $("#dialog").dialog({ 
   autoOpen: false, 
   buttons: { 
    "OK": function() { 
     $(this).dialog('close'); 
    } 
   } 
  }); 
dlg.parent().appendTo($("#yourformId")); 

应该修复它。