Mein JQuery Chosen Plugin funktioniert nicht

Question

Ich habe versucht, JQuery Chosen Plugin zu meiner Website hinzufügen, aber ich kann es nicht auf eine <select> arbeiten, gibt es 2 Klassen in es, die aus Bootstrap sind, versuchte ich auf-ausgewählt auf Es hat nicht funktioniert.

Heres der Code, auch diese Seite wird in PHP gebaut.

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"> 
    (...) 

und so weiter.

habe ich das Plugin am Ende der Datei

Import JS libray und Plugin

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

Warum ich das Plugin an den Wähler nicht geladen werden kann?

Answer 1

Sie fügen die URL Ihrer Website in die URL von Google API ein, was falsch ist und die Jquery überhaupt nicht funktioniert. Was site_url oder base_url von codeigniter (das ist Ihr Framework) ist, generieren Sie eine URL, die in config.php Datei angegeben ist. wenn Sie einen Pfad einer Datei in diesen Funktionen setzen, wird es eine Art geworden:

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

Code aus dieser Änderung:

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

dazu Aktualisiert:

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

und fügen Sie diese Zeile zu Ihrem Tag nicht in Fußzeile:

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

Durch Blick auf den Kommentar, den Sie gepostet haben. Ihr Pfad zu den chosen Plugin-Dateien ist falsch. Bitte stellen Sie sicher, dass Sie den richtigen Pfad auswählen.