html – Jquery UI中的输入对话框未发送?

前端之家收集整理的这篇文章主要介绍了html – Jquery UI中的输入对话框未发送?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的对话框中的输入字段没有被发布,我不知道为什么…

我已经在mac firefox和safari测试了,Windows IE& firefox具有相同的结果,所以我不认为它是浏览器,如果我禁用对话框,字段发布正常。

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

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

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $("#dialog").dialog({
  4. autoOpen: false,buttons: {
  5. "OK": function() {
  6. $(this).dialog('close');
  7. }
  8. }
  9. });
  10. $("#publishSettings").click(function(){
  11. $("#dialog").dialog('open');
  12. });
  13. });
  14. </script>
  15.  
  16. <form method="POST" action="publish.PHP">
  17. <input type="button" id="publishSettings" value="Publish Settings">
  18. <div id="dialog">
  19. Publish Date
  20. <input type="text" name="publishOn"><br>
  21. Unpublish Date
  22. <input type="text" name="unPublishOn">
  23. </div>
  24. <input type="submit" name="pubArticle" value="Publish">
  25. </form>

没有什么是普通的,对吧?为什么这不会为我工作?

谢谢!

解决方法

当JQuery打开对话框时,它将其移动到窗体外。

这是解决方案:

jQuery UI Dialog with ASP.NET button postback

基本上在你的情况下:

  1. var dlg = $("#dialog").dialog({
  2. autoOpen: false,buttons: {
  3. "OK": function() {
  4. $(this).dialog('close');
  5. }
  6. }
  7. });
  8. dlg.parent().appendTo($("#yourformId"));

应该修复它

猜你在找的HTML相关文章