0

jQuery selected（）プラグインを使用してselectフォームフィールドを作成しようとしていますが、機能していません。これが私のHTMLコードです：

<label for='aaaaa'>First option or "Second option":</label>
<select name='aaaaa' class="chosen" id='aaaaa'>
<option>First option</option>
<option>"Second option"</option>
</select><br>

これが私の.jsコードです：

$('.chosen').chosen();

これが私のJavaScriptインポートです：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/harvesthq/chosen/master/chosen/chosen.jquery.js"</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.form.js"></script>
<script type="text/javascript" src="../../js/jQuery.layout/jquery.layout.min.js"></script>
<script type="text/javascript" src="../../js/control_panel/controlpanel.js"></script>

これが私のCSSインポートです：

<link rel="stylesheet" type="text/css" media="screen" href="../../css/jQueryui/cupertino/jquery-ui-1.8.5.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../../jquery.jqGrid-3.8.2/css/ui.jqgrid.css" />
<link rel="stylesheet" href="../../css/site.css" type="text/css" />
<link rel="stylesheet" href="https://raw.github.com/harvesthq/chosen/master/chosen/chosen.css" type="text/css" media="Screen" />
<link rel="icon" href="../../images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../../images/favicon.ico" type="image/x-icon" />

画面にどのように表示されるかはわかりませんが、説明はできます。5行あります：

  1. 最初のオプションまたは「2番目のオプション」
  2. 最初のオプション（青色で下線付き、htmlリンクのように見えます）
  3. （テキスト入力フィールドのように見えます）
  4. 最初のオプション（プレーンテキスト、前に箇条書きのような
  5. エレメント
  6. 「2番目のオプション」（これもプレーンテキストで、前に箇条書きがあります。
  7. エレメント）

MozillaFirefoxで実行しています。

4

4 に答える 4

2

selectで定義されたクラスが間違っていると思います。

そのはず：chzn-select

したがって、コードは次のようになります。

<select name='aaaaa' class="chzn-select" id='aaaaa'>
于 2012-10-10T04:50:10.213 に答える
0

Firebug コンソールを使用して、js または css ファイルに関するエラーがないかどうかを確認してください。

于 2012-07-25T22:00:06.673 に答える