javascript - Ajax 调用后页面卡住

Question

这就是我的表格

<form  action="javascript:void(0);"   class="form-inline"  id="receive-order-form"> By Receiving you agree that you have received the item <b> {{ x.item_name }} </b> at the store. </br> Order Id  <b> {{ x.order_id }}   </b></br><input class="btn btn-primary center-block" onclick="execute({{x.linq_order_num}})" type="submit" id= 'receive-btn' value="Receive" ></form>

提交后，远程调用被执行，我弹出成功消息，但不知何故屏幕卡住了。页面变得无响应。

执行函数定义:

    function execute(linq_order_num) {
         var result = ""; 
         var tableRow=document.getElementById("order_num1_"+String(linq_order_num)); 
         var modalId = "exampleModal1_" + "{{ linq_order_num }}"; 
         jQuery.ajax ({
              url: "/receive-order/",
              type: "POST",
              data: JSON.stringify({"linq_order_num":linq_order_num}),
              dataType: "json",
              contentType: "application/json; charset=utf-8",
              success: function(data){
                     result = data;
                     $("#modalId").modal('hide');
                     $('#alert_placeholder').html('<div class="alert      
                     alert-success"><a class="close" data-  
                     dismiss="alert">&times;</a>   
                     <span>Successfully received  the product</span>        
                     </div>');
              var htmlElement =  document.getElementById("deliver-          
              order_"+ String(linq_order_num));
              var cln = htmlElement.cloneNode(true);
              cln.style.display = null;
              tableRow.cells[7].innerHTML = cln.outerHTML;

               }
               });
               return result;
               }

我该如何解决这个问题？

Answer 1

假设您想要隐藏引用的模态 ID:

var modalId = "exampleModal1_" + "{{ linq_order_num }}"; 

更改:

$("#modalId").modal('hide');

进入:

$("#" + modalId).modal('hide');

在当前版本中，您试图隐藏 HTML 中 id="modalId" 的元素。