2017-02-08 2 views
1

Live-Suche Bootstrap wählen bringt einen Fehler, wenn in die Box Snapshot eingeben enter image description hereBootstrap-select error: Uncaught Typeerror: kann Eigenschaft lesen '3'

und JavaScript-Konsole Fehlerprotokoll

bootstrap-select.js:199 Uncaught TypeError: Cannot read property '3' of undefined 
    at a.expr.pseudos.icontains (bootstrap-select.js:199) 
    at jquery.js:15 
    at jquery.js:15 
    at jquery.js:15 
    at bm (jquery.js:15) 
    at bm (jquery.js:15) 
    at Z (jquery.js:15) 
    at Function.Z.matches (jquery.js:15) 
    at Function.filter (jquery.js:15) 
    at bj (jquery.js:15) 

die Option wählen

<select class="selectpicker" data-live-search="true" multiple> 
     <option data-tokens="mustard">Mustard</option> 
     <option data-tokens="ketchup">Ketchup</option> 
     <option data-tokens="relish">Relish</option> 
    </select> 

die Auswahl der Optionen funktioniert.

die Libs von einem CDN

Import

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.min.css">

+0

Haben Sie debuggen? Offensichtlich hast du irgendwo ein 'undefined'. – Carcigenicate

+0

haben nichts definiert, es ist eine leere Bootstrap-Seite mit nur der Auswahlbox. @Carcigenicate –

+0

Vielleicht hast du 'bootstrap-select' vor' jQuery' geladen. Versuchen Sie zuerst, 'jQuery' zu laden – Malinda

Antwort

0

Hallo Drifter ich dein Beispiel mit folgenden Skripten und CSS versucht haben. Ich habe keinen Fehler bekommen. Hoffe, es gibt einige Versions-Kompatibilitätsprobleme gibt es in Ihrem Code. Bitte finden Sie die Skripte und CSS-Versionen, die ich verwendet habe.

<script data-require="[email protected]" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
<link data-require="[email protected]" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> 
<script data-require="[email protected]" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.min.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.min.css" /> 

Sie finden den Plunker Link hier:

https://plnkr.co/edit/1keNc6d4z7Kq7476SRmp?p=preview

Hoffe, es wird Ihnen helfen und wird auch für Sie arbeiten. Bitte lassen Sie mich wissen, wenn es funktioniert.

Verwandte Themen