Arbeiten mit verschiedenen Versionen von jQuery

Question

Anwendungsfall

Ich habe einen Konflikt zwischen jstree und jquery-ui Datepicker.

Ich versuche, jquery-UI-Datepicker auf eine Eingabe in DOM nach AJAX-Anfrage injiziert.

Ich verwende jsTree 3.3, die jQuery 3.1.1 und jQueryUI v1.12.1 verwendet, die jQuery 1.12.4 verwendet. Ausgabe

Wenn ich versuche, $('#datepicker').datepicker() zu nennen, wirft er eine Typeerror

(...). Picker ist keine Funktion

Was ich versucht habe bisher

Nach vielen anderen Themen, einschließlich der beiden folgenden:

Konflikt zwischen Datepicker und jstree oder multi pul

picker setzen() auf dynamisch erstellte Elemente - JQuery/jQueryUI

sieht Ihr Code wie folgt:

HTML:

<script src="{% static 'Syc/js/jquery.js' %}"></script> 
<script src="{% static 'Syc/js/jquery-old.js' %}"></script> <!-- version1.12.14--> 
<script src="{% static 'Syc/js/jquery-ui/jquery-ui.js' %}"></script> 
<script src="{% static 'Syc/Jstree/dist/jstree.min.js' %}"></script> 

Javascript:

$(document).on('focus', "[id^='Date']", function() { 
var jQ = jQuery.noConflict(true); 
jQ.getScript('path/jquery-old.js', function() { 
    jQ(function() { 
     jQ(this).datepicker(); 
    }) 
}); 

Der obige Code wird derzeit im Erfolgsrückruf der Funktion platziert, die die Eingabe in das DOM einfügt.

Dies ist die am weitesten fortgeschrittene Version von meinem JS, ich habe versucht, ohne getScript, ich habe versucht, es vor/nach jstree Objekte erstellen. Ich habe keine Ahnung, was ich vermisse oder die richtige Art, das Datepicker() zu arbeiten.

Vielen Dank im Voraus für jede Hilfe!

Zusatzinfo

ich auf Web app gerade arbeite Django Framework. $ ("# datepicker"). datepicker() funktioniert gut in Sichten, in denen ich jstree nicht benutze, also bin ich mir ziemlich sicher, dass es zwischen den beiden Plugins liegt und sehr wahrscheinlich mit jQuery-Versionen zusammenhängt.

Answer 1

Werfen Sie einen Blick auf jQuery-migrate.

Es stellt die APIs wieder her, die in neueren Versionen von jQuery entfernt wurden.

In Ihrer Web-Seite, laden Sie das Plugin nach dem Skript-Tag für jQuery, zum Beispiel:

<script src="https://code.jquery.com/jquery-3.0.0.js"></script> 
<script src="https://code.jquery.com/jquery-migrate-3.0.1.js"></script> 

prüfen, um weitere Informationen, um die documentation auf GitHub aus.

Hoffe, das hilft!

Answer 2

Sie sagen "jQueryUI v1.12.1, die jQuery 1.12.4" verwendet. Auf welcher Grundlage haben Sie diese Anforderung entschieden?

http://jqueryui.com/download/ listet einfach den Download für UI 1.12.1 wie folgt aus:

1.12.1 (Stable, für jQuery1.7 +) erfordert jquery 1.7 oder höher.

zu erhärten, http://api.jqueryui.com/ Staaten sehr deutlich

jQuery UI 1.12 unterstützt jQuery 1.7 und neuer.

Außer dieser Mindestanforderung wird keine spezifische Version erwähnt. Es gibt keinen Grund, warum Sie 3.x nicht verwenden können. Mehrere Versionen von jQuery in Ihrer Seite (oder sogar mehrere Kopien der gleichen Version) ist ein Rezept für Ärger, wie Sie festgestellt haben.

Um Ihr Problem zu lösen, können Sie jquery 1.12.4 einfach komplett aus Ihrem Projekt entfernen.