插件未加载

Question

为什么我的插件无法加载？引用了jquery和插件链接。该插件称为.. ..请帮助我找到代码中所缺少的内容。

 <script src="~/Scripts/jquery-1.7.1.js"></script>
  <script src="~/Scripts/chosen.jquery.js"></script>


  <select class="chzn-select" tabindex="1" style="width:350px;" data- 
    placeholder="Choose a Country">
      <option value=""></option> 
      <option value="United States">United States</option> 
      <option value="United Kingdom">United Kingdom</option> 
      <option value="Afghanistan">Afghanistan</option> 
      <option value="Albania">Albania</option>                
   </select>

   <script>

   $(document).ready(function(){
       $(".chzn-select").chosen();
   });

   </script>

我收到萤火虫错误：

TypeError：$（...）。chosen不是函数

Answer 1

阅读注释并搜索相关问题，我发现原因是因为jQuery被两次包含。看这个。

我创建了这个小提琴，其中包括从该CDN服务中选择的东西。

如果jquery仅被包含一次，则

$(".chzn-select").chosen();

应该工作正常。

编辑：

而不是使用

$(document).ready(function(){
    $(".chzn-select").chosen();
});

尝试

$(document).bind("pageinit", function() {
    $(".chzn-select").chosen();
});