0

単純な「複数選択」バージョンを実装したいので、jQueryChosenプラグインをダウンロードしました。だから私はそれをコピーしてコードイグナイターに貼り付けました。私は初心者ではなく、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

<head>あなたのhtmlは無効<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 に答える
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 に答える