2012-07-05 51 views
0

可能是一個簡單的noob錯誤,但我無法弄清楚。我有一個提交按鈕,用戶點擊它後,我希望它消失,並替換爲「感謝您提交您的信息」。使用replaceWith後的問題.click

這是我有:

<script> 

$(document).ready(function() { 

$('#emailsubmit').onClick(function() { 
$(this).replaceWith('<p>Thanks for signing up!</p>'); 

)}; 
)}; 

</script> 

<input id="emailsubmit" name="submit" type="submit" value="Send " /> 

看起來沒給我,但點擊時沒有反應。任何建議將不勝感激。

回答

0

函數的名稱爲click,不onClick,你有幾個語法錯誤的引導。

$(document).ready(function() { 
    $('#emailsubmit').click(function() { 
     $(this).replaceWith('<p>Thanks for signing up!</p>'); 
    }); 
}); 
+0

語法錯誤?我在你的代碼中找不到與問題中代碼不同的單個字符,除了'click' ... – Guffa

+0

@Guffa:')}' - >'})'。是的,很難用視覺差異工具發現。 (等等,普通人稱他們的眼睛?) – Ryan

0

您最好使用click代替onClick

0

你混淆直列,DOM零事件(onClick)與jQuery的別名事件的方法。

jQuery有一個click方法(簡稱爲on('click...),但沒有onClick()方法。這會引發錯誤,這意味着您應該在任何其他事情之前始終諮詢您的瀏覽器控制檯。

$('#emailsubmit').on('click', function() {... 
0

的方法被命名爲click沒有onClick

此外,刪除提交按鈕將保持表單不被髮布。隱藏它:

$(this).hide().after('<p>Thanks for signing up!</p>');