我的JQuery選擇插件不起作用

Question

我試圖將JQuery Chosen插件添加到我的網站，但是我無法使其在<select> ，其中有2個類是來自bootstrap的，我試圖對其進行選擇選擇，但沒有效果。

同樣，此頁面的代碼也是用PHP構建的。

PHP的Dropbox

<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

您要在google api的url前面添加網站的url，這是錯誤的，並且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選擇插件不起作用

問題描述

1 個解決方案

解決方案1
0 已采納 2016-07-08 14:33:06

我的JQuery選擇插件不起作用

問題描述

1 個解決方案

解決方案1 0 已采納 2016-07-08 14:33:06

解決方案1
0 已采納 2016-07-08 14:33:06