Question

我正在使用显示模式，并按照Zurb文档中推荐的方法使用AJAX填充它。出现模态并填充OK，但是如果我随后关闭模态（例如，单击背景）并尝试重新打开，则会出现JavaScript错误。我正在尝试解决此问题，以便在关闭后可以重新打开模式。

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

这是模态本身的定义方式。

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

这是我用来触发模式的Javascript（并加载JavaScript。当我点击ID为“ load_modal”的<div>时，模式触发。

$("#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)

希望我做的事很愚蠢，而且很容易解决。

对于我应该解决的任何指导将不胜感激。

Answer 1

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

Zurb Foundation 6-显示模式在关闭后不会重新打开

1 个答案: