TypeError：$（...）。selectpicker是不是一個angularJs和安格斯的函數

我有一些困難時間搞清楚什麼不適用於角度選擇插件。

我正在一個項目中，代碼庫是巨大的，運行良好，導入是用安格斯管理的，所以我有一個文件，其中聲明所有的CSS，腳本等，併爲了發展的原因，我正在爲軟件添加一些新的頁面和視圖。

正如我所說的，爲了開發原因，我必須直接在我的視圖中添加我的插件和css，而不是在安格斯構建工具中，所以我很確定只有1個jQuery實例（避免這個bug ）。

問題是，當我嘗試添加一個簡單的選擇，我認爲這樣的：

<div class="form-inline"> 
    <div class="form-group"> 
     <label for="example-select">Esempio opzioni</label> 
     <select class="form-control selectpicker" data-width="180px" id="example-select"> 
      <option>Opzione 01</option> 
     </select> 
    </div> 

    <div class="form-group"> 
     <label for="example-select">Esempio opzioni</label> 
     <select class="form-control selectpicker" disabled data-width="180px" id="example-select"> 
      <option>Opzione 01</option> 
     </select> 
    </div> 
</div> 
<script> 
$('.selectpicker').selectpicker({ 
    style:'form-control', 
    showTick:true 
}); 
$('.selectpicker').defaults('val',''); 
</script>

與進口這樣的：

<link href="somepath/bootstrap/css/bootstrap.css" rel="stylesheet"> 
<!-- <script src="somepathjquery/jquery-3.1.1.min.js"></script> --> 
<script src="somepath/bootstrap/js/bootstrap.min.js"></script> 

<link href="somepath/bootstrap-dropdown-hover/css/bootstrap-dropdownhover.min.css" rel="stylesheet"> 
<script src="somepath/bootstrap-dropdown-hover/js/bootstrap-dropdownhover.min.js"></script> 


<!-- Bootstrap - DatePicker --> 
<link href="somepath/bootstrap-datetimepicker.min.css" rel="stylesheet"> 
<script src=somepath/bootstrap-datetimepicker/js/moment.min.js"></script> 
<script src="somepath/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script> 

<!-- Bootstrap - Select --> 
<link href="somepath/bootstrap-select/css/bootstrap-select.css" rel="stylesheet"> 
<script src="somepath/bootstrap-select/js/bootstrap-select.min.js"></script> 
<script src="somepath/bootstrap-select/js/i18n/defaults-it_IT.min.js"></script>

我得到這些錯誤：

TypeError: $(...).selectpicker is not a function

和：

defaults-it_IT.min.js?_=1501583424550:7 Uncaught TypeError: Cannot set property 'defaults' of undefined

注意，所有的鏈接都是正確的，只是不同的事業安全方面的原因，而jQuery是評論

任何線索？

編輯：因爲有人問，在所有應用程序使用的構建工具，jQuery是順序（僞代碼）引用：

'jquery.js', 
'angular/angular.js', 
'bootstrap/bootstrap.js'

來源

2017-08-01 Anon

使用此代碼文件加載$（文件）。就緒（函數（）{$後（ '.selectpicker'）。selectpicker（{：'form-control'，showTick：true}）;}） –

@KARANLAGALWAR意外的令牌： – Anon

@VED回答了您沒有在您的代碼中添加jquery腳本 –

這些可以爲錯誤的可能性振振有辭：

我沒有看到Jquery的參考。
如果已經添加了jQuery的參考確保您的引導前加入：

如：

<script src="path to jquery.js"/> 
<script src="bootstrap.js"/>

來源

2017-08-01 12:02:54 Ved

jquery被引用所有軟件使用的構建文件，按此順序 'jquery.js'， ' 'angular/angular.js'， 'bootstrap/bootstrap.js'， – Anon

@Anon錯誤的唯一原因是在這裏，Jquery沒有被引用。只要確保您有可用的參考。 – Ved

TypeError：$（...）。selectpicker是不是一個angularJs和安格斯的函數

回答

相關問題