Vakit ayırabilirseniz birde şu kodda aynı şekilde yardımcı olabilir misiniz hocam:
$('.main-nav').on('mouseenter', 'li', function(e) {
if ($(this).closest('body').width() < $(document).width()) {
$(this).find('ul').addClass('menu-rev');
}
});Aynı durum sitem
https://miyavliyo.com/ sitemde de mevcut ancak çözüm yine jQuery ile olduğu için çeviremiyorum.
document.querySelector('.main-nav').addEventListener('mouseenter', 'li', function(e) {
if (document.querySelector(this).closest('body').width() < document.querySelector(document).width()) {
document.querySelector(this).querySelector('ul').classList.add('menu-rev');
}
});jQuery to Javascript convert etme siteleri var fakat her zaman doğru sonucu veremeyebiliyor. Benim önerim jQuery hakkında yeterli bilgin yoksa ve işlerini hızlı ilerletmek istiyorsan
https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/ tarzı jQuery Cheat Sheet dökümanlarını inceleyerek jQuery ile yazılan kodların pure javascript hallerini kendi kodlarına implemente ederek kısa sürede öğrenip kodlarını dönüştürme olayına alışabileceğini düşünüyorum.