Page застрять после 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

Предполагая, что вы желая скрыть модальный идентификатор ссылки в:

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

Изменение:

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

в:

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

В текущей версии, вы пытаетесь скрыть элемент с помощью id="modalId" в HTML.