/ / Verwenden Sie Foundation Interchange auf demselben Bild dynamisch - zurb-foundation

Verwenden Sie Foundation Interchange dynamisch auf demselben Bild - zurb-foundation

Ich bin auf der Suche nach einer Möglichkeit, den Interchange der Zurb Foundation für ein einzelnes Bild zu verwenden. In meinem Code I ändere das Bild "Datenaustausch" Attribut einer anderen Reihe von Bildern und führen Sie den folgenden Befehl aus:

 $(document).foundation("interchange", "reflow");

Das Bild bleibt jedoch das gleiche wie das erste Bild. Es wird nicht aktualisiert, um die Änderung im Daten-Interchaneg-Attribut widerzuspiegeln, und zeigt das neue Bild an.

Gibt es eine Option, damit es funktioniert?

Antworten:

1 für die Antwort № 1

Dies funktioniert, wenn Ereignisse "reflow" und dann "resize" aufgerufen werden.

    $("img#your-image-id").attr("data-interchange", new-params);

$(document).foundation("interchange", "reflow");
$(document).foundation("interchange", "resize");

1 für die Antwort № 2

Nicht sicher, ob Sie die Antwort auf Ihr Problem gefunden haben.
Aber ich hatte auch das gleiche Problem und der Austausch funktionierte auch nicht für mich.

Aber nach ein paar Ausgrabungen habe ich alle JS-Dateien in die Fußzeile verschoben und plötzlich begann sie zu arbeiten und Bilder auszutauschen, wie es sollte. Dies sind meine Skripte.

<script type="text/javascript" src="/images/js/jquery.js"></script>
<script type="text/javascript" src="js/foundation.min.js"></script>
<script type="text/javascript" src="js/foundation.interchange.js"></script>
<script type="text/javascript">
$(document).foundation();
</script>

Das ist es.


0 für die Antwort № 3

Verwenden Sie beim Aktualisieren des Datenaustauschs nicht die jquery
.data("interchange","NEW VALUE") Funktion müssen Sie verwenden
.attr("data-interchange","NEW VALUE").

Rufen Sie dann die Reflow-Funktion auf.