成功 AJAX 调用后如何打开模式窗口？答案

【问题标题】：How can I open a modal window after successful AJAX call?成功 AJAX 调用后如何打开模式窗口？
【发布时间】：2015-09-07 10:52:29
【问题描述】：

我将modal window plugin 用于用户注册和登录页面。 AJAX 调用成功后如何自动打开它？ IE。无需单击或提交，它应该在成功的 AJAX 调用后自动打开。请就此提出建议。

【问题讨论】：

如果使用 jquery 或了解 DOMContentLoaded 事件，请在准备好的文档上打开它。
在ajax函数成功后调用弹窗打开函数
是的，如何调用弹出窗口。例如我需要像 $("#completeactionmodel").modal('open')。但我不能使用上面提到的动画模态js
$("#demo01").animatedModal();在文档中给出。如果您的库包含正确，您可以在回调函数中调用它。如果您可以共享工作小提琴会很好
jsfiddle.net/ravybbhe

标签： javascript php jquery mysql ajax

【解决方案1】：

尝试在ajax成功字段的回调中定义

   $.ajax({
         url: "demo_test.txt", 
         success: function(result){
                $('#my-modal').modal();
         },
         error: function(){
                console.log("Something went wrong");  
         }
    });

【讨论】：

他们，使用 $("#my-modal").animatedModal();
尝试上述功能无效。仅在将其称为 href 时才有效
然后代替 model() 使用 animatedModal() 像这样 $("#demo01").animatedModal()
实际上，如果你看 inot animatedmodal.js 它只有在 demo1 中调用它才会起作用，那么只有它才会起作用

【解决方案2】：

success: function(result){
   $("yourmodel").animatedModal(); 
}

【讨论】：

试过上面的功能不起作用。仅在将其称为 href 时才有效
如果您在打开模式的按钮上触发（'click'）？

【解决方案3】：

$("#yourmodalidgoeshere").animatedModal(); 
//triggers opening of Modal.
$("#yourmodalidgoeshere").click();

click() 有助于触发模式。它对我有用。它没有尝试使用ajax调用。我想在单击元素时加载模式。在 javascript 函数中，我使用了上述几行，它运行良好。

【讨论】：