laden Ich habe mehrere Beispiele für die folgenden. Ein Link wie dies ohne wirkliche href:Verhindern, dass Turbolinks 5 auf bestimmte <a></a>
<a href="#" id="add-item">
<i class="fa fa-plus"></i>
</a>
Und einige JS, die etwas Magie tut:
id = $('#watch-path-group').children().length + 1
$('#watch-path-group').append '<input style="margin-top: 4px;" id=wp_"' + id + '" name=wp_"' + id + '" type="text" class="form-control" placeholder="New path...">'
Nach dem Upgrade 5 das Verhalten turbolinks hat sich geändert. Wenn ich auf den Link turbolinks klicke und die Seite neu lade und in diesem Fall das neu hinzugefügte Element verschwindet ...
Ich verstehe, dass dies wahrscheinlich mehr oder weniger was turbolinks tut. Genommen von github:
Turbolinks fängt alle Klicken auf Verbindungen zu der gleichen Domäne ab. Wenn Sie auf einen geeigneten Link klicken, verhindert Turbolinks, dass der Browser sie verfolgt. Stattdessen ändert Turbolinks die URL des Browsers mithilfe der History-API, fordert die neue Seite mithilfe von XMLHttpRequest an und rendert anschließend die HTML-Antwort.
Aber wie beende ich, was ich versuche zu tun. Sollte ich Link-Tags wie beschrieben nicht mehr verwenden?
Dank
klar zu sein: was Sie versuchen zu Do läuft das 2. Stück von Js Code nach Turbolinks tut sein Ding? – yezzz
@yezzz Nein ... Nun, denke ich nicht. Die Seite lädt, der Benutzer klickt auf den Link und die js läuft, das neue Element sollte hinzugefügt werden. Das ist, was ich will. Aber wenn der Link angeklickt wird, wird das Element hinzugefügt und das ist, wenn Turbolinks die Seite neu lädt ... – martin
Willst du sagen, dass die Eingabe vor dem Aktualisieren der Seite an # watch-path-group angehängt wird, anstatt nach dem Aktualisieren der Seite? – yezzz