Zurb Foundation Warnungen

Question

Ich integriere Zurb Foundation in eine vorhandene ASPX-Website. Ich wollte einige Informationen in ein Warnfeld einfügen, also habe ich den im Dokumentationscode bereitgestellten Code verwendet, der lautet:

  Dies ist eine sekundäre Warnung (div.alert-box.secondary).
  ×

Es ist mir bisher nicht gelungen, diese Nachricht tatsächlich zu schließen. Gibt es etwas anderes, das ich diesem Code hinzufügen soll, damit er funktioniert? Sollte der Link im Schließelement zum Beispiel zurück auf die Seite verweisen? Ich habe es im Moment genau so wie oben gezeigt drin und es funktioniert nicht. Alle meine anderen Elemente von Zurb wie Navigation, Buttons, Tabs usw. haben bisher gut funktioniert.

Jede Hilfe wird sehr geschätzt. Vielen Dank.

Answer 1

'Vergessen Sie nicht, 'data-alert' zu Ihrem Blockelement hinzuzufügen. Das hat mich eine Weile lang zur Verzweiflung gebracht. Ein Alert hat funktioniert und der andere nicht.. es lag nur daran, dass ich das 'data-alert' vergessen hatte.

    Inhalt
    ×

Hoffe, das hilft.

Answer 2

Importierst du die Javascript-Bibliotheken korrekt, die für das Funktionieren der Alert-Box benötigt werden?

Die Datei jquery.foundation.alerts.js sollte beim Laden der Seite aufgerufen werden (du kannst dies im Netzwerk-Tab im Browser-Inspektor überprüfen) oder in der app.js Datei enthalten sein, die später komprimiert/minifiziert wird.

Du musst es auch initialisieren mit

$(document).foundationAlerts();

Answer 3

Ich hatte ein ähnliches Problem, als ich HTML über AJAX in meine Seite eingefügt habe. Meine Lösung war ein Hack.

Ich füge das folgende Element unter dem body hinzu.

Ich glaube, das HTML5 data-alert ist erforderlich, damit das Element geladen wird.

Nachdem dies erledigt war, funktionierte das Schließen einwandfrei.