jquery - 插件无法加载

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>

我收到 Firebug 错误:

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

Answer 1

阅读评论并搜索相关问题，我发现原因是因为 jQuery 被包含了两次。看this .

我创建了这个fiddle我包括从中选择的 cdn service .

如果 jquery 仅包含一次

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

应该可以正常工作。

编辑:

而不是使用

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

尝试

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