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和安格斯的函数

回答

相关问题