ایجاد dropdown قابل hover در bootstrap

سلام
من با bootstrap چند تا dropdown ایجاد کردم ولی میخوام به جای این که بعد از کلیک روشون باز بشه با hover کردن باز شه
چک کردم بعد از کلیک کلاس show به دکمه و div مربوط به آپشن های dropdown اضافه میشه
اومدم با jquery خود همین کارو کردم که بعد hover این کلاس ها اضافه بشه و مشکلی که هست توی position مشکل داره و خود bootstrap میاد هردفعه که روی dropdown ها کلیک میشه position رو generate میکنه و اضافه میکنه به به اون div که خوب طبیعتا من نمیتونم چنین کاری رو با jquery بکنم

Bootstrap از jquery استفاده میکنه

1 پسندیده

سلام
تونستم حلش کنم برای همین راه حل رو اینجا میزارم اگه کس دیگه ای هم به این مشکل برخورد بدونه چه کار کنه
این اسکریپت رو به فایل html اضافه کنید

$(document).ready(function(){
$('.btn-secondary').mouseenter(function(){ 
  $(this).trigger('click');
});
$('.hover-dropdown').mouseleave(function(){
	$(this).parent().trigger('click');
});
});

btn-secondary اسم کلاس دکمه ای هست که به صورت drop down عمل میکنه
کلاس hover-dropdown رو باید هم به دکمه اضافه کنید هم div ای که بعد هاور قراره نمایش داده بشه که کلاس dropdown-menu داره
مرحله بعد اینه که یکی از کلاس های div توی css صدا بزنید و margin-top رو override کنید و مقدارش رو 0 بزارین
مثلا توی css من اینو نوشتم

.dropdown-menu{
    margin-top: 0px !important;
}
1 پسندیده