Выбрано неправильно оформлен мой раскрывающийся список для выбора

Вот мой код:

<link href="Content/chosen.css" rel="stylesheet" type="text/css"/>

<div>
<select id="chzn-select" data-placeholder="Select an option...">
    <option value=""></option>
    <option value="Option1">Option 1</option>
    <option value="Option2">Option 2</option>
</select>
</div>

<script type="text/javascript" src="../Scripts/jquery-1.8.2.js"></script>
<script type="text/javascript" src="../Scripts/chosen.jquery.js"></script>
<script type="text/javascript" src="../Scripts/chosen.jquery.min.js"></script>
<script type="text/javascript">

$("#chzn-select").chosen();

</script>

Вот результат:

выбранный стиль

Я могу «выбрать» вариант 1 или 2, и они появятся там, где находится метка «Выберите вариант ...».


javascript drop-down-menu jquery css jquery-chosen
person D'Arcy Rail-Ip    schedule 16.10.2012    source источник
comment
Вы на 100% уверены, что относительный URL-адрес правильный? href = Content / selected.css - возможно, это должен быть href = / Content / selected.css   -  person xec    schedule 16.10.2012
comment
Почему плагин загружается дважды?   -  person undefined    schedule 16.10.2012
comment
вы можете опубликовать jsfiddle?   -  person Colleen    schedule 16.10.2012
comment
@xec, ты был прав. Это была проблема, связанная с моим URL-адресом для css.   -  person D'Arcy Rail-Ip    schedule 16.10.2012

Ответы (1)


arrow_upward
2
arrow_downward

Пожалуйста, попробуйте код ниже, он работает для меня.

<link href="http://harvesthq.github.com/chosen/chosen/chosen.css" rel="stylesheet" type="text/css"/>

<div>
 <select id="chzn-select" data-placeholder="Select an option...">
  <option value=""></option>
  <option value="Option1">Option 1</option>
  <option value="Option2">Option 2</option>
 </select>
</div>


<script type="text/javascript">
    $("#chzn-select").chosen();
</script>

Here is the JSFIddle (working demo of your code)

selected.jquery.js был дважды включен в ваш код. Также я думаю, что путь chosse.css необходимо исправить в вашем коде в соответствии со структурой каталогов.

person metalfight - user868766    schedule 16.10.2012