Dragable von jquery ui funktioniert auf der jsPlumb-Website, aber wenn ich die gesamte Webseite lokal speichere, funktioniert das Drag & Drop nicht mehr - jquery, jquery-ui, jsplumb

Ich schaue mir dieses jsPlumb-Beispiel an: http://jsplumb.org/jquery/flowchartConnectorsDemo.html

Sie werden sehen, dass das Ziehen und Ablegen der Felder einwandfrei funktioniert, aber wenn Sie die gesamte Webseite lokal speichern, funktioniert das Ziehen und Ablegen nicht mehr.

Ich habe versucht, die Pfade zu den JS-Dateien zu ändern,Ich habe versucht, die neuesten Versionen von jqueryUi und jquery anstelle der von der Website zu verwenden, ohne Erfolg. Ich habe auch versucht, die Seite mit Safari und Chrome und FF zu speichern, das gleiche passiert.

Dies geschieht bei jedem ihrer Beispiele, und Sie werden auch feststellen, dass in der lokalen Kopie das linke Fenster (das Fenster, in dem Sie den Rendertyp und die Bibliothek auswählen können ... usw.) ZWEIMAL angezeigt wird.

Auch das Ziehen und Ablegen funktioniert in diesem Fenster, jedoch nicht in den 4 Quadraten aus dem Beispiel.

Kann mir jemand dabei helfen oder mich auf einige Arbeitsbeispiele verweisen (die an einer lokalen Kopie arbeiten können)?

Vielen Dank.

Antworten:

Ich bin mir nicht sicher warum, aber das passierte oftmit mir, wenn ich die Webseite mit Google Chrome und Firefox speichere, aber wenn ich sie mit dem IE speichere (Auswahl: Webseite, vollständig), funktioniert die Webseite auch offline. Dies ist nicht das erste Mal, dass ich Seiten speichere, und oft habe ich das Gleiche erlebt: Speichern mit Google Chrome und Firefox "bricht" etwas, während es im IE so funktioniert, wie es sollte.

Ich selbst bin kein IE-Benutzer, aber wenn ich eine Webseite speichern muss, um ihre Funktionalität offline zu überprüfen, verwende ich den IE zum Speichern.

Die Seiten auf jsPlumb.org sind nicht wirklich dafür gedacht, lokal gespeichert zu werden. Obwohl ich kann, warum möchten Sie vielleicht eine davon als Grundlage für Ihre eigene App verwenden. Haben Sie darüber nachgedacht, den Code von GitHub auszuchecken?

Holen Sie sich den Code von https://github.com/sporritt/jsplumb/. Extrahieren Sie den heruntergeladenen Code und wechseln Sie in den Ordner demo / jquery. Von hier aus können Sie die Demos ausführen.