我的jQuery提交處理程序未在Chrome中調用

Question

我的jQuery提交處理程序未在Chrome中調用。這裏是代碼：

<input 
accesskey="s"  
class="button"  
id="issue-link-submit" 
name="Link" 
title="Press Alt+s to submit this form" 
type="submit" 
value="Link" 
/> 

<script type="text/javascript"> 
jQuery('#issue-link-submit').submit(function() { 
alert('hi'); 
}); 
</script> 

但它在IE和FF工作正常。 你能幫我解決嗎？ 在此先感謝！

-Chintu

Answer 1

嘗試：

<script type="text/javascript"> 
jQuery('#issue-link-submit').click(function(e) { 
    e.preventDefault; 
    alert('hi'); 
}); 
</script> 

Answer 2

由於腳本執行之前的頁面必然解析和渲染，必須包裝所有jQuery代碼依賴於DOM的的document.ready回調。

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
    jQuery('#issue-link-submit').submit(function() { 
     alert('hi'); 
     return false; //prevent default? 
    }); 
    } 
</script> 

Answer 3

改變你的JavaScript代碼如下：

$("formId").submit(function() { 
    alert('hi'); 
    return true; 
}); 

替換#issue-link-submit與表單ID。如果沒有表單標識，則在表單中添加一個標識。

您不能直接添加#issue-link-submit選擇器來提交處理程序，因爲您正在向該按鈕添加提交處理程序。您需要將提交處理程序添加到表單元素。