ブートストラップのselectpicker MVCドロップダウンのlivesearch

Question

私の問題は、スクリプトの参照とは関係があります。

私は私のバンドル

ここ

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

にそれを追加したである私の見解コード：

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

HTMLフォーム：私は私の見解袋からリストを取得

@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> 

、それはうまく動作します。しかし、私はこの問題を解決することはできません。

更新： ビューに参照を手動で追加しようとしました。今のDropboxがcompletlyなくなっていると私はtheeseエラーを取得：

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 

を作成します：78キャッチされないにReferenceErrorを：$がで作成 が定義されていない：78

Answer 1

は、まず、あなたが参照のみの1を追加したいです。 JSだけで始まります。リリースモードでビルドされると、min.jsが見つかります。

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

これは、これらの種類の問題を持つ同じスクリプトを登録していました。

第2に、このバンドルはJQueryが定義されている場所の前に定義されているようです。したがって、$が定義されていないのは、ブートストラップ選択スクリプトと使用法がJQueryの初期化の後でなければならないからです。