Question

我的页面上有一个链接，允许用户打开模态 - 代码是：

<a href="#" data-reveal-id="edit-valuation-variation-item-modal-{{$variation_item->id}}">{{ $valuation_variation_items[$variation_item->id] }}</a>

当模态出现时，用户可以单击[X]按钮关闭它。这是非常标准的开箱即用的东西，简单地使用带有一类close-reveal-modal的html'a'标签，如下所示：

<a class="close-reveal-modal">&#215;</a>

这一切都很好。

但是，有些情况下我需要使用Javascript来自动显示模态，为了做到这一点，我使用了以下标准的开箱即用代码：

$('#edit-valuation-variation-item-modal-269').foundation('reveal', 'open', {
  animation: 'none',
  close_on_background_click: false,
  dismiss_modal_class: 'close-reveal-modal'
});

这很好用。但是，当以这种方式显示模态时，当用户单击[X]以关闭模态时 - 模态关闭但页面上的链接不再有效，它不会像以前那样重新打开模态。如果我刷新浏览器窗口，则所有显示都会重置并重新开始工作。

任何人都可以建议如何在不刷新页面的情况下重新启用按钮来打开模态。

我应该添加以减少问题中的代码，上面的代码演示了一个单独的链接，其中我的页面包含许多链接，每个链接使用不同的modal-Number进行相同的操作 - 所有这些链接都受到影响，变得无法使用。

由于

Zurb Foundation 5开放式模式与javascript关闭与close-reveal-modal

0 个答案: