3

zurbFoundationを既存の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'を追加することを忘れないでください。それで少し髪を抜いてしまいました。1つのアラートが機能し、もう1つは機能しませんでした。「データアラート」を忘れただけでした。

<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を挿入しているときに、同様の問題が発生しました。私の解決策はハックでした。

本体の下に次の要素を追加します。

<span data-alert />

要素をロードするには、HTML5データアラートが必要だと思います。

これが行われると、却下は正常に機能しました。

于 2014-05-18T14:59:10.587 に答える