bootstrap selectpicker MVC dropdown livesearch

Question

Ich bin mir ziemlich sicher, dass mein Problem etwas mit dem Skript zu tun hat.

Ich habe es mein Bündel hinzugefügt

bundles.Add(new ScriptBundle("~/bundles/bootstrap-select").Include(
    "~/Scripts/bootstrap-select.js", 
    "~/Scripts/bootstrap-select.min.js")); 

hier ist meine Ansichten Code:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.selectpicker').selectpicker({ 
      liveSearch: true, 
      showSubtext: true 
     }); 
    }); 

HTML-Formular:

@Html.ValidationSummary(true, "", new { @class = "text-danger" }) 
<div class="form-group"> 
    @Html.LabelFor(model => model.SagId, "SagId", htmlAttributes: new { @class = "control-label col-md-2" }) 
    <div class="col-md-10"> 
     @Html.DropDownListFor(x => x.SagId,(IEnumerable<SelectListItem>)ViewBag.SagId, 
      new 
      { 
       @class = "form-control selectpicker", 
       data_show_subtext = "true", 
       data_live_search = "true" 
      }) 
     @Html.ValidationMessageFor(model => model.SagId, "", new { @class = "text-danger" }) 
    </div> 
</div> 

ich die Liste aus meiner Sicht Tasche bekommen, das funktioniert gut. Aber ich kann das Problem nicht beheben.

Update: versucht, manuell References in der Ansicht hinzuzufügen. jetzt ist die Dropbox komplett verschwunden und ich bekomme theese Fehler:

Uncaught TypeError: Cannot read property 'valHooks' of undefined 
at bootstrap-select.min.js:7 
at bootstrap-select.min.js:8 
at bootstrap-select.min.js:7 
at bootstrap-select.min.js:7 

erstellen: 78 Uncaught Reference: definiert $ nicht bei erstellen: 78

Answer 1

Zuerst Sie nur eine der Referenzen hinzufügen möchten; fange mit nur dem JS an; Wenn es im Freigabemodus erstellt wird, findet es die min.js.

bundles.Add(new ScriptBundle("~/bundles/bootstrap-select").Include(
    "~/Scripts/bootstrap-select.js")); 

Dies war das gleiche Skript Registrierung, die diese Art von Problemen haben.

Zweitens sieht es so aus, als ob dieses Bundle zuvor definiert wurde, wo auch immer Sie JQuery definiert haben. Daher ist $ wahrscheinlich nicht definiert, da das Bootstrap-Auswahlskript und die Verwendung nach der JQuery-Initialisierung erfolgen müssen.