首页 文章

Zurb基金会提醒

提问于
浏览
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的所有其他元素都运行良好,如导航,按钮,标签等 .

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

3 回答

  • 1

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

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

    <span data-alert />
    

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

    一旦完成,解雇工作正常 .

  • 8

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

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

    你还需要用它来初始化它

    $(document).foundationAlerts();
    
  • 6

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

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

    希望这可以帮助 .

相关问题