Zurb基金会提醒

Question

我正在将zurb基础集成到现有的ASPX站点中。我想在警告框中添加一些信息，因此我使用了文档中提供的代码：

<div class="alert-box secondary">
  This is a secondary alert (div.alert-box.secondary).
  <a href="" class="close">&times;</a>
</div>

我实际上关闭了这条消息并没有成功。是否还有其他东西我应该添加到此代码中以使其工作？就像关闭元素中的链接应该链接回页面吗？我现在就在那里，就像上面所见，它不起作用。到目前为止，我在Zurb的所有其他元素都运行良好，如导航，按钮，标签等。

非常感谢任何帮助。感谢。

Answer 1

'不要忘记在块元素中添加'data-alert'。这让我把头发拉了一下。我有一个警报正在工作而另一个没有......这只是我忘记了'数据警报'。

<div data-alert class="alert-box">
    Content
    <a href="#" class="close">&times;</a>
</div>

希望这有帮助。

Answer 2

您是否正确导入警报框所需的Javascript libraries？

页面加载时应调用文件jquery.foundation.alerts.js（您可以在浏览器检查器的“网络”选项卡中进行检查）或包含在稍后压缩/缩小文件的app.js文件中。

您还需要使用

进行初始化

$(document).foundationAlerts();

Answer 3

当我通过AJAX将HTML注入我的页面时遇到了类似的问题。我的解决方案是黑客攻击。

我在身体下面添加了以下元素。

<span data-alert />

我认为要加载的元素需要HTML5 数据警报。

一旦完成，解雇工作正常。