Seite nach Ajax-Aufruf stecken

Question

Also das ist die Form, ich habe

<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> 

auf dem Remote-Aufruf ausgeführt wird vorlegen und ich bekomme den Erfolg Pop-up, aber irgendwie wird der Bildschirm wie folgt fest. Die Seite reagiert nicht mehr.

ausführen Definition Funktion:

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; 
       } 

wie kann ich dieses Problem lösen?

Answer 1

Angenommen Sie haben die modal-ID in Bezug genommen verstecken fehlte:

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

Wechsel:

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

In:

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

In der aktuellen Version, die Sie versuchen zu Verstecken Sie das Element mit id="modalId" im HTML.