2015-12-28 2 views
1

Я пытаюсь использовать selectmenu, он просто не работает. Когда я нажимаю на выбранную опцию, selectmenu не скрывает. Кроме того, это широкий экран, хотя я установил ширину 200px. Вот мой код. Что не так?JQuery UI selectmenu не работает должным образом

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css" type="text/css"> 
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 

     $("#speed").selectmenu(); 

    }); 
</script> 

</head> 
<body> 
     <label for="speed">Choose</label> 
     <select name="speed" id="speed" style="width: 200px"> 
      <option>Slower</option> 
      <option>Slow</option> 
      <option selected="selected">Medium</option> 
      <option>Fast</option> 
      <option>Faster</option> 
     </select> 


</body> 
</html> 
+0

в примере на https://jqueryui.com/selectmenu/, перед тегом метки есть тег fieldset и тег формы – FlipFloop

+0

, добавив, что тег вообще не помог – matip

ответ

1

Вы не можете использовать selectmenu() с этой версией CSS, потому что классы CSS не определены еще в нем.

Если вы используете версию примера (1.11.4), она работает правильно.

Смежные вопросы