Выберите меню из пользовательского интерфейса JQuery, не выбирая - PullRequest
Новая
       32

Выберите меню из пользовательского интерфейса JQuery, не выбирая

0 голосов
/ 04 декабря 2018

В более старой версии jquery (и связанных с ней файлов) у меня возникла проблема, из-за которой всплывающее меню из меню выбора появилось бы в верхнем левом углу, несмотря ни на что.Я обновил все мои файлы до самой последней, и теперь первая проблема устранена, но элемент по умолчанию не отображается в поле, и ни один выбранный элемент также не появится.Опция 'icons' тоже ничего не делает, но ширина работает как надо.В консоли также нет ошибок. 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Make a Reservation</title>
<link href="jquery-ui.min.css" rel="stylesheet">
<link href="jquery-ui.css" rel="stylesheet">
<link href="jquery-ui.structure.css" rel="stylesheet">
<link href="jquery-ui.structure.min.css" rel="stylesheet">
<link href="jquery-ui.theme.css" rel="stylesheet">
<link href="jquery-ui.theme.min.css" rel="stylesheet">
<link href="site.css" rel="stylesheet">
<link href="form.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="jquery-ui.js"></script>
<script src="jquery-ui.min.js"></script>

<script>
$(document).ready(function() {
    $( "#letter" ).selectmenu({
        icons: { button: "ui-icon-circle-triangle-s" },
        width: 55,
        position: { my : "center", at: "center" }
    });
    $( "#datepicker" ).datepicker({
        changeMonth : true,
        changeYear : true,
        minDate: 0,
        maxDate: +2
    });
}); // end ready
</script>
</head>
<body>
<div class="wrapper">
    <header>
        Unit 11 Demonstration
    </header>
    <div class="content">
        <div class="main">
            <h1>I'll figure out what to type here later</h1>
            <form>
              <div>
                <label class="label">Select a date:</label>
                <input type="text" id="datepicker" name="datepicker">
              </div>
              <label class="label">Select a letter:</label>
                <select name="letter" id="letter">
                  <option selected="selected">A</option>
                  <option>B</option>
                  <option>C</option>
                  <option>D</option>
                  <option>F</option>
                </select>
            </form>

Ничего после этого раздела кода не имеет никакого значения.Я искал все решения, которые смог найти, и мне не повезло.

...