شاید برای شما هم پیش اومده باشه طرحی رو با بوت استرپ کدنویسی کرده باشید و نیاز داشته باشید منوهای ناوبار به صورت hove یعنی با رفتن موس روی منوی اصلی زیر منو باز بشه
امروز با توجه به درخواست یکی از کاربران من تصمیم گرفتم این آموزش رو برای شما عزیزان در وبسایت قرار بدم
برای انجام اینکار باید کد زیر رو در فایل bootstrap.js در آخرین خط قرار دهید
$('ul.nav li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500); }, function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500); });
به همین سادگی کار انجام شده و از منوی های بوت استرپ خود لذت ببرید
[button size=”normal” type=”danger” value=”برای مشاهده دمو کلیک کنید” href=”https://jsfiddle.net/vahab00/8zdr27o5/”]
ممنون از آموزش مفیدتون.سپاسگزار
خیلی ممنون بابت این آموزش مفید
یه سوال میمونه
زمانی که میخوام این هاور در حالت موبایل نباشه باید چیکار کنم؟
درود
به صورت کلیکی در موبایل باز میشه