Question

我尝试将JQuery Chosen插件添加到我的网站，但我无法使其在<select>上运行，其中有2个类来自bootstrap，我试图选择 - 选择on它，没有用。

继承代码，此页面也是用PHP构建的。

PHP-收存箱

<select class="form-control  bfh-countries chosen-select"  data-country="PT">
     <option value="PT">Portugal</option>
     <option value="AF">Afghanistan</option>
     <option value="AL">Albania</option>
     <option value="DZ">Algeria</option>
     <option value="AS">American Samoa</option>
     <option value="AD">
     (...)

等等。

我在文件末尾添加了插件

导入JS libray和插件

 <script src="<?php echo site_url('https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js');?>" type="text/javascript"></script>
    <script src="<?php echo site_url('recursos/chosen/chosen.jquery.js'); ?>" type="text/javascript" >  </script>
    <link rel="stylesheet" href="<?php echo base_url();?>recursos/chosen/chosen.css" />
     <script type="text/javascript">
            $(window).load(function(){
            $(".chosen-select").chosen()
            });
        </script>

为什么我无法将插件加载到选择器？

Answer 1

你正在添加你网站的谷歌api网址前面的网址，这是错误的，而jquery根本不适合你。来自codeigniter（您的框架）的site_url或base_url所做的是，生成在config.php文件中指定的URL。如果你在这些函数中放入任何文件的路径，它将变成：

yoursite.com/your/another/path/file.js

从此处更改您的代码：

 <script src="<?php echo site_url('https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js');?>" type="text/javascript"></script>
    <script src="<?php echo site_url('recursos/chosen/chosen.jquery.js'); ?>" type="text/javascript" >  </script>
    <link rel="stylesheet" href="<?php echo base_url();?>recursos/chosen/chosen.css" />
     <script type="text/javascript">
            $(window).load(function(){
            $(".chosen-select").chosen()
            });
        </script>

此已更新：

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
 <script src="<?php echo site_url('recursos/chosen/chosen.jquery.js'); ?>" type="text/javascript" >  </script>
     <script type="text/javascript">
            $(document).ready(function(){
             $(".chosen-select").chosen();
            });
        </script>

并将此行添加到您的<head>代码中，而不是在页脚中：

<link rel="stylesheet" href="<?php echo base_url();?>recursos/chosen/chosen.css" />

查看您发布的评论。您的chosen插件文件的路径是错误的。请确保您的目标是正确的路径。

我的JQuery Chosen插件不起作用

1 个答案: