Ich arbeite an einer App, wo ich sowohl Bootstrap 4 und JQueryUI (nämlich die ziehbaren & DropPable-Funktionen) verwenden.Bootstrap 4 + JQueryUI
So weit ist es funktionierte gut, aber jetzt, wenn ich versuche, Bootstrap und JQuery zu verwenden modals anzuzeigen, etwa so:.
$("#modal1").modal({});
ich eine Konsole Fehlermeldung erhalten dass $ (...) modal ist keine Funktion. Also habe ich meinen JQuery Laden Skript an der falschen Stelle, aber es um, wie vor dem Bootstrap CSS und Scripts, die Ergebnisse in einer Reihe von Fehlern dieser Art bewegt:
Uncaught TypeError: $(...).draggable is not a function
und ziehbar ist eine jQueryUI Funktion .
Sieht meine Kopfmarke gut aus oder was ist los? Warum möchte Bootstrap nicht mit mir zusammenarbeiten?
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link href="https://fonts.googleapis.com/css?family=Noto+Sans|Ubuntu:700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
Lassen Sie mich wissen, wenn ich weitere Details zur Verfügung stellen muss. Vielen Dank!
Verwandte: http://stackoverflow.com/questions/35424053/what-are-the-differences-between-normal-and-slim-package -of-jquery –
So bootstrap4 Ziele 3.1 schlank, so dass sie in der richtigen Reihenfolge sind, aber dann laden Sie auch jquery 1.12 –
Herausnehmen von jquery 1.12 Ergebnisse in ziehbaren funktioniert nicht mehr, obwohl? Sieht so aus, als müsste jquery-ui das 1.12-Skript laden, um zu funktionieren. – Koenshi