2013-01-24 93 views
0

即時通訊試圖啓動一個jQuery對話窗口的成功提交的HTML表單。 我一直在嘗試這樣做,但目前它沒有打開一個jQuery對話框,它只是不會做任何事情。在html表單上打開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> 
+0

如果是整個頁面,你在哪裏導入插件和jQuery? – hjpotter92

回答

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

or 

$("#form").submit(function() { 
//open window 
}); 
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; 
} 
相關問題