Новая библиотека jquery не совместима со старым скриптом

Question

Привет, у меня есть этот кусок кода:

$('li.dropdown-toggle').on('hover', function () {
    $(this).find(".submenu").slideToggle(200);
});

И я заметил, что это хорошо работает в библиотеке jQuery 1.7.2:

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

но не ниже 3.1.0

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

Могу ли я что-нибудь изменить в приведенном выше коде, чтобы он хорошо работал под 3.1.0? Я не хочу менять библиотеку, на случай, если другие скрипты перестанут работать.

Спасибо

Answer 1

Событие hover с методом on() устарело с версии jQuery 1.8 и полностью удалено из версии jQuery 1.9 и выше.

Так что теперь вы можете использовать hover() метод для обработки события или отдельно использовать mouseenter или mouseleave событие с on() методом в соответствии с вашими потребностями.

$('li.dropdown-toggle').hover(function () {
    $(this).find(".submenu").slideToggle(200);
});


// or with on 

$('li.dropdown-toggle').on('mouseenter mouseleave', function () {
    $(this).find(".submenu").slideToggle(200);
});