Question

我在我的应用程序中使用基础显示通过AJAX发送信息。一切正常，但在模态结束时我想改变一些文字。当模态与Foundation 6关闭时，如何触发函数？任何帮助都会很棒，我目前的代码如下：

$("#share_modal").foundation('reveal', 'close', function() {
    alert("closed");
});

我收到了错误

未捕获的ReferenceError：我们很抱歉，＆＃39;显示＆＃39;不是此元素的可用方法。

但我所指的元素是.reveal

<div class="reveal" id="share_modal" data-reveal data-options="closeOnClick:true; closeOnEsc: true;">
    <div class="row">

Answer 1

对于Foundation 6，活动有点不同。

(function ($, window, undefined) {
  'use strict';

  $('[data-reveal]').on('closed.zf.reveal', function () {
    var modal = $(this);
    alert('closed');
  });

  $(document).foundation();


})(jQuery, this);

这将针对所有揭示。如果您只想定位#share_modal，请将选择器从$('[data-reveal]')更改为$('#share_modal')，或者您可以使用modal.id检查元素ID。它可能是modal.attr('id')

参考：http://foundation.zurb.com/sites/docs/reveal.html#js-events

Answer 2

基金会5

$(document).on('close.fndtn.reveal', '[data-reveal]', function () {
     alert('closed!!!');
});

莫代尔关闭的基金会火灾事件？

2 个答案: