My JQuery Chosenプラグインが動作しない

JQuery Chosenプラグインを自分のウェブサイトに追加しようとしましたが、<select>で動作させることができません。その中にブートストラップからの2つのクラスがあります。それはうまくいかなかった。My JQuery Chosenプラグインが動作しない

また、このページは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>

でプラグインを追加しましたか？

出典

2016-07-08 Andre FIlipe

<？php echo site_url（ 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'）;？> 'はhttps：// ajaxでなければなりません.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' Google apiのURLのinfrontのサイトURLを追加しています。 –

Google apiのURLの前にあなたのサイトのURLを追加しています。これは間違っており、jqueryはあなたにとってまったく機能していません。ファイル内に指定されているURLを生成してください。あなたはこれらの関数内の任意のファイルのパスを置けば、それは一種のとなります。この更新に

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

：

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

このことから、あなたのコードを変更

<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プラグインファイルへのパスが間違っています。適切な経路をターゲットにしていることを確認してください。

出典

2016-07-08 14:33:06

まだ選択要素に何も起こっていません。 –

@AndreFIlipeコンソールログ内のエラーを表示します。パス：recursos/selected/chosen.cssとrecursos/selected/selected.jsは存在しますか？ –

@AndreFIlipe私にコンソールエラーを表示し、また私は答えのコードを更新しました、それを使用しようとします。 –

My JQuery Chosenプラグインが動作しない

答えて

関連する問題