۲ Mahdi Mohaqeq
مشکل با رسپانسیو owl carousel
جامعه Html & CSS ایجاد شده در ۲۹ شهریور ۱۴۰۰

با سلام خدمت دوستان و استاد گرامی

من یه مشکلی با این افزونه دارم،

به این صورت که هنگامی که داخل مد responsive ابزار اینسپکتور میبینم پروژم رو، رسپانسیو این افزونه به درستی کار نمیکنه که عکسش رو در ادامه به همراه کانفیگ قرار میدم.

همچنین مساله ی دیگه ای که هست اینه که در هر صفحه فقط یک یا دو تا از این اسلایدر‌ها اینطوری میشن و بقیه مشکلی ندارن (حتی با کانفیگ و تنظیمات کاملا یکسان!)

 

البته لازم به ذکره که با خود مرورگر و هنگامی که عرض مرورگر رو زیاد و کم میکنم این مشکل وجود نداره.

فایلم رو داخل گوشیم هم باز کردم همانند بخش رسپانسیو اینسپکتور مشکل داره.

 

اگر راهنمایی بفرمائید ممنون میشم.

 

کانفیگ :

$(document).ready(function () {
	$(".regular-carousel").owlCarousel({
    		rtl: true,
    		items: 1,
    		nav: true,
    		loop: true,
    		margin: 10,
    		autoplay: true,
    		autoplayTimeout: 5000,
    		autoplayHoverPause: true,
    		stagePadding: 0,
    		responsiveClass:true,
    		responsive: {
      		0: {
        		items: 1,
      		},
      		576: {
        		items: 2,
      		},
      		740: {
        		items: 3,
      		},
      		992: {
        		items: 4,
      		},
      		1200: {
        		items: 5,
      		}
    		},
  	});
  });

 

باید در قسمت تنظیمات responsive  مشخص کنید در هر مدیا کوئری چند تصویر نمایش داده بشه در مورد توضیح هم دادیم. و مورد دوم اینکه بعضی‌ها این مشول رو فقط دارن احتمالا تداخل هم دارید.

وحید صالحی ۳۰ شهریور ۱۴۰۰، ۱۱:۱۴

سلام

توی کانفیگی که گذاشتم مشخص کردم برای هر مدیا کوئری چن تا آیتم رو نمایش بده.

 

بحث تداخل هم نیست.

 

با جستجو هایی که کردم این مشکل به عنوان یک issue در گیت هاب پروژه مشخص شده و راهکاری که برای حلش دادن این هست که تنظیمات زیر رو هم به باقی تنظیمات اضافه کنیم :

responsiveBaseElement: "body",

مشکل من با اضافه کردن این تنظیم برطرف شد. حالا تا ورژنای بعدی شاید مشکل رو کاملا برطرف کنن.

 

ممنون

Mahdi Mohaqeq ۳۰ شهریور ۱۴۰۰، ۱۱:۲۳