-1

私はRubyOnRailsを使用しているので、すべてのスタイルシートが自動的に含まれるはずです。

ドロップダウンリストをよりユーザーフレンドリーにしたいので、Chsenプラグインを選択しました。

これが私のページのコードです：

<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/chosen.css?body=1" media="all" rel="stylesheet" type="text/css" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/chosen.jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/chosen.jquery.min.js?body=1" type="text/javascript"></script>
<script src="/assets/static_pages.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>

つまり、JavaScriptとスタイルシートが含まれていますね。

私のHTMLコード（例から）：

       <select tabindex="1" style="width:350px;" data-placeholder="Choose a Country">
            <option value=""></option> 
            <option value="United States">United States</option> 
            <option value="United Kingdom">United Kingdom</option> 
            <option value="Afghanistan">Afghanistan</option> 
            <option value="Albania">Albania</option>                
          </select>

そして私のapplication.jsファイルでは：

  $(document).ready(function(){
  $(".chzn-select").chosen();
  });

Googleコンソールにはエラーはありませんが、私のページではデフォルトの選択リストとして表示されています。なんで ？

4

2 に答える 2

5

select タグに「chzn-select」クラスを追加する必要があります。あなたの js コードは、選択したプラグインを、そのクラスを使用する要素に適用しています。select タグは次のようになります。

<select class="chzn-select" tabindex="1" style="width:350px;" data-placeholder="Choose a Country">
    <option value=""></option> 
    <option value="United States">United States</option> 
    <option value="United Kingdom">United Kingdom</option> 
    <option value="Afghanistan">Afghanistan</option> 
    <option value="Albania">Albania</option>                
</select>
于 2012-07-23T07:29:41.237 に答える
2

選択したタグで、選択しclass="chzn-select"たものを実際に有効にするために追加する必要があります。

于 2012-07-23T07:28:47.310 に答える