Zurb Foundation Reveal (Modal） 关闭后未触发的事件

Events not firing after Zurb Foundation Reveal (Modal) closes?

本文关键字：事件 Reveal Foundation Modal Zurb      更新时间：2023-09-26

我正在Zurb基金会揭示（模态）部分中打开一个骨干视图。

this.$('#ChangeIconModal').html( this.editIconView.render().el );

这第一次工作正常。但是，如果我关闭它（通过单击它或调用 $('#ChangeIconModal').foundation('reveal', 'close') ），我设置的点击事件不再触发。

以下是我设置点击事件的方法：

events: { 'click button.finish': 'finish', 'click a.close-reveal-modal': 'close' }

而且，无论关闭如何发生，当我完成时，我都会删除主干视图：

this.remove();

我正在做的事情似乎有什么明显的问题吗？

PS - 我是整个骨干网/Zurb 世界的新手，所以请耐心等待。如果您需要更多信息，我很乐意提供，我只是不知道该提供什么。

啊，我想通了。这是我所做的，以防其他人遇到同样的问题。

以下是我之前的观点：

initialize: function() {
    // Other initialize code here...
    this.editIconView = new IconEditView({ model: this.model });
}
iconEdit: function() {
    this.$('#SubtabEditModal').html( this.editIconView.render().el );
}

但是，由于我后来打电话给remove，因此对editIconView的引用不再有效。

我不得不更改我的代码以使其更像这样：

initialize: function() {
    // Other initialize code here...
}
iconEdit: function() {
    this.editIconView = new IconEditView({ model: this.model });
    this.$('#SubtabEditModal').html( this.editIconView.render().el );
}

它现在似乎正在工作。如果不清楚，请发表评论，我会尽力提供帮助。

相关文章：