Ich verwende Bootstrap-Select für ein Formular. Ich füge die Skripte (jquery, bootstrap-select) in den Header der HTML-Datei ein.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<link rel="stylesheet "type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Alle ausgewählten Elemente mit der Klasse “selectpicker” wurden alle korrekt aufgerufen. Beispiel für das select-Element:
<select id="test" class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
Wenn ich jedoch das folgende Skript auf der gleichen Seite aufrufe
<script>
$(document).ready(
function () {
$('#test').selectpicker('val', 'Relish')
});
</script>
Ich bekomme diesen bösen Fehler
$(…).selectpicker ist keine Funktion
Wenn ich mir die Registerkarte “Quellen” in Google Chrome ansehe, sehe ich, dass bootstrap-select.min.js gut geladen ist. Hat jemand Vorschläge?
Aus ihrer Dokumentation müssen Sie auch Bootstrap selbst hinzufügen:
Requires jQuery v1.8.0+, Bootstrap’s dropdown.js component, and Bootstrap's CSS
silviomoreto.github.io/bootstrap-select– Rory McCrossan
12. April 2017 um 9:06 Uhr
Können Sie ein Live-Beispiel zeigen?
– Codemax
12. April 2017 um 9:09 Uhr
Sie müssen einschließen cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/… sowie
– Vinod Ludwig
12. April 2017 um 9:11 Uhr
Leider war dies nicht das Problem. Bootstrap war bereits in der Datei enthalten (andere HTML-Ansicht).
– Djov
12. April 2017 um 9:41 Uhr