2 在 $document.ready(function) 行为中提交按钮 - Jquery答案

【问题标题】：2 submit buttons in $document.ready(function) behavior - Jquery2 在 $document.ready(function) 行为中提交按钮 - Jquery
【发布时间】：2018-04-11 00:35:57
【问题描述】：

我在一个 ready(function) 中实现了 2 个按钮的行为。按钮 1 和按钮 2。我在每个点击函数下添加了一个 alert() 。按钮 2 有效，但按钮 1 无效？我可以在同一个 $document.ready(function) 下有 2 个按钮吗？

$(document).ready( function() {                                                                                    

// a user clicks submit2                              
$('#submit2').click( function() {                                         
    alert("button2");                                                                                                                       
    return false;  // prevents 'normal' form submission                   

});                                                                       

//a user clicks submit1                              
$('#submit1').click( function() {                                                                                              
    alert("button1");                                                       
    return false;  // prevents 'normal' form submission                   

});

});

【问题讨论】：

你可以。显示你的html代码怎么样？
当然可以。您的代码正在我的机器上运行。一定还有其他你没有展示的东西。
好主意！ button1 上的 id 是 submit 而不是 submit1 所以它现在可以工作了！

标签： javascript jquery submit-button

【解决方案1】：

为每个提交按钮添加阻止默认值。

 $('#submit2').click( function(e) {
    e.preventDefault()                                         
    alert("button2");                                                                                                                       
    return false;  // prevents 'normal' form submission                   

});                                                                       

//a user clicks submit1                              
$('#submit1').click( function(e) {      
    e.preventDefault()                                                                                        
    alert("button1");                                                       
    return false;  // prevents 'normal' form submission                   

});

【讨论】：