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

Question

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

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

我已尝试挂钩$(...).on('close.fndtn.alert', function(event) { ...，并且正在触发挂钩，但event.preventDefault();并未阻止基础删除该元素。

或者，如果没有一个简单的方法来挂钩并取消没有猴子补丁的关闭 - 有没有办法重用关闭按钮的样式，但没有挂钩到警报组件的关闭功能？

Answer 1

我更喜欢挂钩他们的JS，但我通过阅读他们的alert docs的SASS自定义部分来解决如何复制关闭按钮样式，但重命名属性：

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

我现在可以自己接触这个按钮的行为并提供我自己的解雇处理程序，它不会踩踏DOM。