如何通过jQuery在DOM之后返回按钮

问题描述 投票:0回答:1

[我想问一下,我尝试在单击按钮的位置进行HTML操作,它将在其中将数据发送到ajax,在ajax做出响应之前,该按钮将被禁用,这里的问题是我想将按钮恢复到一开始怎么办?有我的HTML

<button
  type="button"
  href=""
  id="bank"
  query-string="{{$assessment['user_id'].'&type=bank&name=american'}}"
  data-toggle="tooltip"
  data-placement="bottom"
  title=""
  data-original-title="Detail Mutation Bank BCA"
  class="btn btn-soft-dark mt-1 mr-1"
>
  mutation
</button>

<script>
  var bank = $("#bank").attr("query-string");
  var btnText = $(this);
  var btn = $(this);
  $(btn)
    .html(
      `<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>`
    )
    .attr("disabled", true);

  $.ajax({
    type: "get",
    url: "{{route('getDescription')}}" + "?id=" + bank,
    dataType: "json",
    success: function(data) {
      console.log(data);
      if (data.status == "error") {
        createAlert(data.message, "danger");
      } else {
        window.open(data.url, "_blank");
      }
    }
    //here i want to restore button
  });
</script>
javascript jquery laravel jquery-ui dom
1个回答
3
投票

您应该将先前的HTML内容存储为rootTextOfButton值,例如

© www.soinside.com 2019 - 2024. All rights reserved.