مشکل با رسپانسیو owl carousel

پرسیده شده
فعالیت 946 روز پیش
دیده شده 381 بار
0

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

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

به این صورت که هنگامی که داخل مد 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,
      		}
    		},
  	});
  });

 

فایل پیوست

Mahdi Mohaqeq
Mahdi Mohaqeq

29 شهریور 00

0
حذف شده

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

فایل پیوست

وحید صالحی

توسط

وحید صالحی

30 شهریور 00

2
حذف شده

سلام

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

 

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

 

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

responsiveBaseElement: "body",

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

 

ممنون

فایل پیوست

Mahdi Mohaqeq

توسط

Mahdi Mohaqeq

30 شهریور 00

جلسه بیستم - پلاگین های کاربردی جی کوئری - پلاگین شماره 2 - owl carousel