簡體   English   中英

如何用ajax關閉模態?

[英]How to close a modal with ajax?

我將ajax請求發送到Web服務器,服務器向我返回一個值,如果該值為true,則必須關閉模式,當我關閉模式時,我無法瀏覽頁面。

AJAX代碼

$.ajax({
type: "POST",
url: "impostazioni/funzioni.php",
data: { "action": "aggiorna", "tipo": "EMail", "valore": nuova},
success:function(result){
    $("#nuova_email").val("");
    $("#conferma_email").val("");
    $("#modifica_mail").hide();
    alert("EMail aggiornata");
    $("#email").val(nuova);
    impostazioni();
}
});

HTML模態

<div id="modifica_mail" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Modifica e-mail</h4>
        </div>
        <div class="modal-body">
            <table class="table" style="border:none; line:none;overflow-x:auto; border-collapse: collapse; border-spacing: 0;width: 100%;border: 1px solid #ddd;">
                <tr>
                    <td>Nuova e-mail</td>
                    <td><input type="email" placeholder="Nuova e-mail" id="nuova_email" name="nuova_e-mail"></td>
                </tr>
                <tr>
                    <td>Conferma e-mail</td>
                    <td><input type="email" placeholder="Conferma e-mail" id="conferma_email" name="conferma_e-mail"></td>
                </tr>
            </table>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default btn-sm" onclick="annulla_email()" data-dismiss="modal">Annulla</button>
            <button type="submit"  class="btn btn-default btn-sm" onclick="aggiorna_email()">Aggiorna</button>
        </div>
    </div>
</div>

請問你能幫幫我嗎?

更改

$("#modifica_mail").hide();

導入正確的Bootstrap模態函數。

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

此處有更多詳細信息。 https://v4-alpha.getbootstrap.com/components/modal/#modalhide

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM