0

我试图在成功提交 html 表单时启动 jquery 对话窗口。我一直在尝试这样做,但目前它没有打开 jquery 对话框,它不会做任何事情。

请有人可以帮助我并向我展示我需要做什么才能在提交时打开一个 jquery 对话框。

<head>
<script>
function muModal(f)
{
  var form=f,
      modal=$('<div/>', {
    'id':'alert',
    'html':'<iframe src="http://heera.it"></iframe>'
  })
  .dialog({
    'title':'Iframe in a modal window',
    'modal':true,
    'width':350,
    'height':'auto',
    'buttons': {
      'OK': function() { 
        $(this).dialog( "close" ); 
        // do something, maybe call form.submit();
      }
     }
  });
  return false;
}
</script>
</head>


<body>
<form method="post" action="" onsubmit="return muModal(this)">
  <input type="submit" value="Submit" />
</form>
</body>
4

2 回答 2

0
$("#submitButton").click(function()
{
 openWindow();
 $('#form').submit();
}

or

$("#form").submit(function() { 
//open window
});
于 2013-01-24T18:55:31.733 回答
0

您需要将对话框添加到页面的某处:

function muModal(f)
{
  var form=f,
      modal=$('<div/>', {
    'id':'alert',
    'html':'<iframe src="http://heera.it"></iframe>'
  }).appendTo(f);

   modal
  .dialog({
    'title':'Iframe in a modal window',
    'modal':true,
    'width':350,
    'height':'auto',
    'buttons': {
      'OK': function() { 
        $(this).dialog( "close" ); 
        // do something, maybe call form.submit();
      }
     },
    'close' : function() { $(this).remove() }
  });
  return false;
}
于 2013-01-24T18:55:38.900 回答