Раскрывающееся меню не работает после добавления jQuery Datepicker - PullRequest
Новая
       15

Раскрывающееся меню не работает после добавления jQuery Datepicker

1 голос
/ 29 апреля 2019

Раскрывающийся список в моей панели навигации не работает после добавления файлов заголовков datepicker и кода jQuery.

Мои заголовочные файлы DatePicker: 

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

Панель навигации с выпадающим списком, который не работает 

<li class="nav-item dropdown d-none d-xl-inline-block">
    <a class="nav-link dropdown-toggle" id="UserDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
        <span class="profile-text pro">Hello, &nbsp;  <?php echo $username;?> </span>
    </a>
    <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
        <a class="dropdown-item mt-2"  href='studentprofile.php?username=<?php  echo $username ?>'>
            View profile
        </a>
        <a class="dropdown-item" href='changepassword.php?username=<?php  echo $username ?>'>
            Change Password
        </a>
        <a class="dropdown-item" href="login.php">
            Sign Out
        </a>
    </div>
</li>

<script type="text/javascript">
// When the document is ready
$(document).ready(function () {    
    $('#from').datepicker({
        autoclose: true,  
        format: "dd/mm/yyyy"
    });  
    event.preventDefault();
});
</script>

1 Ответ

0 голосов
/ 29 апреля 2019

Попробуйте изменить JQuery на 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
...