0

我已经下载了 jQuery Chosen 插件,因为我想实现简单的“多选”版本。所以我刚刚将它复制并粘贴到代码点火器中。我不是新手,几乎了解如何运行 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 进行了检查,该页面正在加载每个脚本,因此我不可能给出错误的路径。任何地方都不会出现错误。我不知道该怎么办。

4

2 回答 2

0

您在 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>

于 2013-01-16T13:12:54.183 回答
0

您的 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>
于 2013-01-16T13:09:42.157 回答