3

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

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

我没有成功关闭消息。我还应该在此代码中添加其他内容以使其正常工作吗？像关闭元素中的链接应该链接回页面吗？正如上面所见，我现在就在那里，但它不起作用。到目前为止，我在 Zurb 中的所有其他元素都运行良好，例如导航、按钮、选项卡等。

任何帮助是极大的赞赏。谢谢。

4

3 回答 3

8

'不要忘记将'data-alert'添加到您的块元素。这让我把头发拉了一点。我有一个警报工作，另一个没有。只是我忘记了“数据警报”。

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

希望这可以帮助。

于 2013-08-14T19:24:25.640 回答
6

您是否正确导入了警报框工作所需的Javascript 库？

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

你还需要用它初始化它

$(document).foundationAlerts();
于 2013-01-30T11:51:28.883 回答
1

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

我在正文下添加了以下元素。

<span data-alert />

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

完成此操作后，解雇工作正常。

于 2014-05-18T14:59:10.587 回答