ページが

Question

だから、これはフォームであるAjaxのコールの後に立ち往生私は

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

どのように私はこの問題を解決することができますか？

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

変更：

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

の中へ：

Answer 1

あなたがで参照モーダルID非表示にしたいと思ったと仮定すると、現在のバージョンで

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

を、あなたがしようとしていますHTML内でid="modalId"という要素を非表示にします。