更改基础警报关闭按钮以避免从 dom 中删除？

Question

有没有办法在不修改 Zurb Foundation 库的情况下改变它们的 alert 关闭按钮行为，以便它不会删除 DOM 元素？

我使用的客户端 MVC 假定模板化 DOM 元素不会自行删除，而是依赖 MVC 库隐藏或有条件地显示内容的能力。

我已经尝试连接到 $(...).on('close.fndtn.alert', function(event) { ...，并且正在触发连接，但是 event.preventDefault(); 并没有阻止 foundation 删除元素。

或者，如果没有一种简单的方法可以在没有猴子补丁的情况下挂钩和取消关闭 - 有没有办法重用关闭按钮的样式，但不挂钩警报组件的关闭功能？

Answer 1

我更愿意挂接到他们的 JS，但我通过阅读他们 SASS 自定义部分 alert docs 了解如何复制关闭按钮样式，但重命名属性：

.alert-box {
  .dismiss {  // renamed from "close" so I can provide my own hooks
    @include alert-close();
  }
}

我现在可以自己连接到此按钮的行为并提供我自己的解雇处理程序，该处理程序不会踩到 DOM。

Change foundation alert close button to avoid removing from dom?