0

我正在使用显示模式并使用 AJAX 填充它，遵循 Zurb 文档中推荐的方法。模态出现并填充确定，但如果我随后关闭模态（例如单击背景）并尝试重新打开，我会收到一个 javascript 错误。我正在尝试解决此问题，以便在关闭后重新打开模式。

我尝试将选项“data-reset-on-close”添加到模态定义中，以确保模态在关闭时被重置，但这无济于事。

以下是模态本身的定义方式。

<div class="reveal" id="edit_modal" data-reveal data-reset-on-close="true">

这是我用来触发模态的javascript（并加载javascript。当我单击<div>ID为“load_modal”的模态时，模态就会触发。

$("#load_modal").click(function() {
    var $modal = $('#edit_modal');
    $.ajax("/_modal_content/edit_modal")
      .done(function(resp){
        $modal.html(resp).foundation('open');
    });
});

目的是允许用户根据需要关闭然后重新打开模式。现在它打开一次没有问题，但它不会打开第二次。

第二次尝试打开时报告了javascript错误：

app.js:65 Uncaught TypeError: t.html(...).foundation is not a function
at Object.<anonymous> (app.js:65)
    at l (<anonymous>:3:6477)
    at Object.fireWith [as resolveWith] (<anonymous>:3:7245)
    at r (<anonymous>:4:10371)
    at XMLHttpRequest.<anonymous> (<anonymous>:4:16224)

希望我在做一些愚蠢的事情，并且有一个简单的解决方法。

对于我应该做些什么来解决的任何指导，我将不胜感激。

4

1 回答 1

1

有一些关于这方面的教程可能会有所帮助： https ://zurb.com/university/lessons/dynamically-update-your-web-pages 和 https://zurb.com/university/lessons/ajaxing-dynamic-content-有基础的

于 2019-07-24T16:31:14.227 回答