Jquery 单击后禁用按钮或立即关闭模式

Jquery 单击后禁用按钮或立即关闭模式,jquery,Jquery,模式只有在成功后才会关闭。我需要它关闭后立即提交或按钮应被禁用后,一旦点击 如何执行此操作?通过将属性“disabled”设置为true: $('button#rejectWithdraw').click(function(e) { $.ajax({ url: $('#rejectUrl').val(), type: "POST", data: {data:text}, success: function (

模式只有在成功后才会关闭。我需要它关闭后立即提交或按钮应被禁用后,一旦点击


如何执行此操作?

通过将属性“disabled”设置为true:

 $('button#rejectWithdraw').click(function(e) {

  $.ajax({
          url: $('#rejectUrl').val(),
          type: "POST",
          data: {data:text},
          success: function (data) {
              $('#modelContent').modal('toggle');
          },
          error: function (err) {
             // alert("Something went wrong"+err);
          }
      });

});

通过将属性“disabled”设置为true:

 $('button#rejectWithdraw').click(function(e) {

  $.ajax({
          url: $('#rejectUrl').val(),
          type: "POST",
          data: {data:text},
          success: function (data) {
              $('#modelContent').modal('toggle');
          },
          error: function (err) {
             // alert("Something went wrong"+err);
          }
      });

});

您必须添加禁用的属性,如

$('button#rejectWithdraw').prop('disabled', true);

您必须添加禁用的属性,如

$('button#rejectWithdraw').prop('disabled', true);

模式在成功后关闭,因为代码关闭了模式

$('#modelContent').model('toggle')

在成功处理程序中。如果您希望它在提交后立即执行,您可以将它放在$.ajax调用之后

$('button#rejectWithdraw').click(function(e) {
  $('button#rejectWithdraw').prop('disabled', true);
  $.ajax({
          url: $('#rejectUrl').val(),
          type: "POST",
          data: {data:text},
          success: function (data) {
              $('#modelContent').modal('toggle');
          },
          error: function (err) {
             // alert("Something went wrong"+err);
          }
      });

});

模式在成功后关闭,因为代码关闭了模式

$('#modelContent').model('toggle')

在成功处理程序中。如果您希望它在提交后立即执行,您可以将它放在$.ajax调用之后

$('button#rejectWithdraw').click(function(e) {
  $('button#rejectWithdraw').prop('disabled', true);
  $.ajax({
          url: $('#rejectUrl').val(),
          type: "POST",
          data: {data:text},
          success: function (data) {
              $('#modelContent').modal('toggle');
          },
          error: function (err) {
             // alert("Something went wrong"+err);
          }
      });

});
像这样使用JQuery的
.one()
,使按钮只单击一次:

$('button#rejectWithdraw').click(function(e) {

  $.ajax({
      url: $('#rejectUrl').val(),
      type: "POST",
      data: {data:text},
      success: function (data) {
         // code placed here is executed only on successfull POST
      },
      error: function (err) {
         // alert("Something went wrong"+err);
      }
  });

  $('#modelContent').modal('toggle');

});
将处理程序附加到元素的事件。对于每个事件类型,每个元素最多执行一次处理程序

像这样使用JQuery的
.one()
,使按钮只单击一次:

$('button#rejectWithdraw').click(function(e) {

  $.ajax({
      url: $('#rejectUrl').val(),
      type: "POST",
      data: {data:text},
      success: function (data) {
         // code placed here is executed only on successfull POST
      },
      error: function (err) {
         // alert("Something went wrong"+err);
      }
  });

  $('#modelContent').modal('toggle');

});
将处理程序附加到元素的事件。对于每个事件类型,每个元素最多执行一次处理程序


如果要立即关闭模式,请将
.modal('toggle')
行移动到
单击
事件处理程序中。如果要立即关闭模式,请将
.modal('toggle')
行移动到
单击
事件处理程序中。它在microsoft edge上工作。但不是镀铬的。怎么办?如果它能在edge上工作,它肯定能在Chrome上工作。在Chrome上为我工作。尝试Ctrl+F5以执行内容的硬刷新。它在microsoft edge上工作。但不是镀铬的。怎么办?如果它能在edge上工作,它肯定能在Chrome上工作。在Chrome上为我工作。尝试Ctrl+F5以执行内容的硬刷新。