2010-04-06 50 views
3

我有一個iframe和一個表單。表單的目標是iframe。當我提交表單時,結果頁面應該加載到iframe中。我附上下面的代碼:jquery表單提交()回調不起作用

<html> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<script type="text/javascript"> 

function submitForm() { 
$("form#testForm").submit(function(){ 
    alert('hii') 
    }); 
} 
</script> 

</head> 

<body> 

<iframe name="testFrame" id="testFrame" frameborder="1" scrolling="no" width="500"  height="200"></iframe> 
<form name="testForm" id="testForm" action="http://www.yahoo.com" target="testFrame"> </form> 

<button name="testBtn" value="submit" onclick="submitForm();">submit</button> 
</body> 
</html> 

警報不來了....請幫助我......

回答

9

隨着docs say,如果你調用一個jQuery事件方法有一個參數,它增加了事件處理程序,而不是觸發事件。您需要在submitForm之外添加事件處理程序。

$(document).ready($("form#testForm").submit(function(){ 
    alert('hii') 
}); 


function submitForm() { 
    $("form#testForm").submit(); 
} 
+0

日Thnx outis ......這是工作,現在... :-) – Aneesh 2010-04-06 10:36:31

+0

一件事...我怎樣才能加載頁面的內容高度? $(「#iframeName」)。contents()。find(「body」)。height()不工作...任何想法?它給出0 ... :( – Aneesh 2010-04-06 10:56:51

+1

@Aneesh:SO是一個問答網站,而不是論壇。新問題應該作爲新問題提出,而不是在評論中。你的代碼不起作用的原因,簡而言之(因爲這是全部該評論允許),是iframe的內容是在不同的領域,所以你不能。 – outis 2010-04-06 22:01:36