Question

我在同一个按钮上有onclick两次，第二个按钮的按钮似乎不起作用。我需要做什么才能使它们都有效。

<button type="submit" style="display:none;" id="done">Ok</button>

第一次活动

$(document).ready(function () {
  $('#done').click(function () {

  });
});

第二次活动

$(function () {
  $(document).on("click", "#done", Done);
});



function Done() {
  $.ajax({

  });
}

Answer 1

我相信你需要稍微调试一下这个问题。问题的标题表明javascript（或jQuery）没有处理click事件。情况可能并非如此。

$(document).ready(function () {
    $('#done').click(function () {
        console.log('first')
    });

});

$(function () {
    $(document).on("click", "#done", Done);
});

function Done() {
    console.log('second')
}

<button type="submit" style="display:block;" id="done">Ok</button>

运行正常，请参阅jsfiddle，浏览器中的控制台记录第一条和第二条消息。所以看起来两个事件都在解雇。

您现在需要调试ajax请求或控制器。尝试获取一个简单的文件（其中包含单个字符串）并提醒它。然后你就可以找出确切的问题了。

Answer 2

Check the Demo It works

Check the second demo it shows the defualt case ie when it works without error

根据请求输出的状态，此处显示输出被拒绝因此输入失败案例

Jquery的

$(document).ready(function () {

    $('#show').click(function(){
         $('#done').show();
    });
  $('#done').click(function () {
      alert('called 1st');
    $(this).siblings('.col-lg-11').attr('contenteditable', 'false');
    $(this).siblings('.col-lg-11').attr('style', 'border:none;');
    $(this).attr('style', 'display:none;');
    $(this).siblings('.edit-link').attr('style', 'display:li;');
    $(this).siblings('.cancel-link').attr('style', 'display:none;');
  });
});
$(function () {
  $(document).on("click", "#done", Done);
});



function Done() {
    alert('called 2nd');
    var s="sa";  

var request = $.ajax({
  type: "POST",
    url: "http://www.google.co.in",
  data: { name: "John", location: "Boston" }
}).done(function(  ) {
    alert( "Data Saved: "  );

  });

request.fail(function( jqXHR, textStatus ) {
  alert( "Request failed: " + textStatus );
});    

}

两个onclick事件

2 个答案:

Jquery的