Question

我已经下载了the jQuery Chosen plugin，因为我想实现简单的“多选”版本。所以我只是将其复制并粘贴在代码点火器中。我不是新手，几乎知道如何运行jQuery等等。

但是我不知道为什么它不能用于我的代码点火器，但它没有代码点火器就可以正常工作。

这是我的观点页面：

<script src="<?php echo base_url();?>js/chosen.jquery.js" type="text/javascript" >  </script>
<link rel="stylesheet" href="<?php echo base_url();?>css/chosen.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<body>
    <em>Multiple Select</em>        
    <select data-placeholder="Choose a Country..." class="chzn-select" multiple>
        <option value=""></option> 
        <option value="United States">United States</option> 
    </select>

    <script type="text/javascript">
        $(".chzn-select").chosen(); 
        $(".chzn-select- deselect").chosen({ allow_single_deselect: true });
    </script>
</head>
</body>
</html>

我也通过Firebug检查过，页面正在加载每个脚本，所以我没办法给出错误的路径。任何地方都不会出现错误。我不知道该怎么做。

Answer 1

您的html无效<head>和<body> ..

总是在你的js插件文件之前调用你的jquery.js文件

这里

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 <script src="<?php echo base_url();?>js/chosen.jquery.js" type="text/javascript" >  </script>

在脚本中使用ready() ...我指定在DOM完全加载时要执行的函数。

试试这个（最终输出）

 <head>
  //always load jquery.js frist....
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  <script src="<?php echo base_url();?>js/chosen.jquery.js" type="text/javascript" >  </script>
<link rel="stylesheet" href="<?php echo base_url();?>js/chosen.css" />
<script type="text/javascript"></script> 
   $(document).ready(function(){  // it is better if u call your function inside document.ready function
     $(".chzn-select").chosen(); 
      $(".chzn-select- deselect").chosen({allow_single_deselect:true});
   });
</script>
 </head>
 <body>
   <em>Multiple Select</em>        
     <select data-placeholder="Choose a Country..." class="chzn-select" multiple>
       <option value=""></option> 
       <option value="United States">United States</option> 
   </select>


</body>

Answer 2

您在jquery.js之前包含所选插件，您应该在控制台中出错。试试这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/chosen.jquery.js" type="text/javascript" >  </script>
<link rel="stylesheet" href="<?php echo base_url();?>js/chosen.css" />

这些行也应放在<head>

之前的<body>标记内

选择不使用代码点火器的jQuery插件

2 个答案: