نمایش نتایج: از شماره 1 تا 5 , از مجموع 5

موضوع: رفع مشکل قالب در حالت لود با vue js

  1. #1
    عضو انجمن sardarn آواتار ها
    تاریخ عضویت
    Aug 2010
    محل سکونت
    بوشهر
    نوشته ها
    956
    تشکر تشکر کرده 
    387
    تشکر تشکر شده 
    999
    تشکر شده در
    700 پست

    پیش فرض رفع مشکل قالب در حالت لود با vue js

    سلام
    من یک قالب فروشگاهی دارم که داخلش چند نوع اسلایدر وجود داره. وقتی کد های اسلایدر محصولات داخل فایل های اصلی صفحه میذارم اسلایدر درست لود میشه ولی وقتی اسلایدر رو با vue js لود میکنم اسلایدر درست نشون نمیده. با وجودی که کد ها یکی هست ولی در حالت vue js نمایش اسلایدر خراب هست.
    به این لینک برین:
    http://shop.demo-php.ir/category/1
    اینجا برید یه اسلایدر هست به نام دسته درست که به صورت عادی لود شده و مشکلی نداره ولی اسلایدر آجیل و خشکبار با vue js لود میشه و نگاش کنید درست نشونش نمیده و محصولات اسلایدری نمی شه.
    کی میتونه مشکل رفع کنه که در حالت vue js همه اسلایدر ها درست لود بشه؟در ضمن از laravel هم استفاده شده.
    ممنون

  2. # ADS




     

  3. #2
    عضو انجمن
    تاریخ عضویت
    Nov 2012
    نوشته ها
    426
    تشکر تشکر کرده 
    3,569
    تشکر تشکر شده 
    536
    تشکر شده در
    422 پست

    پیش فرض پاسخ : رفع مشکل قالب در حالت لود با vue js

    نقل قول نوشته اصلی توسط sardarn نمایش پست ها
    سلام
    من یک قالب فروشگاهی دارم که داخلش چند نوع اسلایدر وجود داره. وقتی کد های اسلایدر محصولات داخل فایل های اصلی صفحه میذارم اسلایدر درست لود میشه ولی وقتی اسلایدر رو با vue js لود میکنم اسلایدر درست نشون نمیده. با وجودی که کد ها یکی هست ولی در حالت vue js نمایش اسلایدر خراب هست.
    به این لینک برین:
    http://shop.demo-php.ir/category/1
    اینجا برید یه اسلایدر هست به نام دسته درست که به صورت عادی لود شده و مشکلی نداره ولی اسلایدر آجیل و خشکبار با vue js لود میشه و نگاش کنید درست نشونش نمیده و محصولات اسلایدری نمی شه.
    کی میتونه مشکل رفع کنه که در حالت vue js همه اسلایدر ها درست لود بشه؟در ضمن از laravel هم استفاده شده.
    ممنون
    با سلام ،

    اسلایدر دوم نیز صحیح دیده می شود.

    کش مرورگر خود را پاک کنید.

  4. #3
    عضو انجمن sardarn آواتار ها
    تاریخ عضویت
    Aug 2010
    محل سکونت
    بوشهر
    نوشته ها
    956
    تشکر تشکر کرده 
    387
    تشکر تشکر شده 
    999
    تشکر شده در
    700 پست

    پیش فرض پاسخ : رفع مشکل قالب در حالت لود با vue js

    نه چک کردم باز خراب نشون میده عکس ببینید:

    ajil.JPG

  5. #4
    عضو انجمن
    تاریخ عضویت
    Nov 2012
    نوشته ها
    426
    تشکر تشکر کرده 
    3,569
    تشکر تشکر شده 
    536
    تشکر شده در
    422 پست

    پیش فرض پاسخ : رفع مشکل قالب در حالت لود با vue js

    نقل قول نوشته اصلی توسط sardarn نمایش پست ها
    نه چک کردم باز خراب نشون میده عکس ببینید:

    ajil.JPG
    در هنگام ارسال پست قبلی درست نمایش می داد برای بنده اما اکنون مشابه تصویر ضمیمه شده ی شما می باشد.

  6. #5
    عضو انجمن sam_pontiac آواتار ها
    تاریخ عضویت
    Apr 2009
    نوشته ها
    180
    تشکر تشکر کرده 
    166
    تشکر تشکر شده 
    279
    تشکر شده در
    166 پست

    پیش فرض پاسخ : رفع مشکل قالب در حالت لود با vue js

    هر دو اسلایدر و چه بسا هر سه اسلایدر ، یک Container دارند.
    شما تو فایل main.js ، کانتینر carousel-lg و carousel-md رو برای اسلایدر تعریف کردید.
    هر 3 اسلایدر شما تو صفحه‌ای که دادین، carousel-md کانتینرشون هست که فقط یکی از 3 مورد رو برای owlCarousel لود میکنه. که طبیعی هم هست !
    برای هر اسلاید یک کانتینر مجزا در نظر بگیرید و بصورت مجزا در فایل main.js به هر کدوم از کانتینرها تنظیمات کاروسل رو بدید.و یا داخل فایل main.js کانتینر carousel-md رو داخل یک حلقه For قرار بدید که هر بار برای این کانتینر یک بار OwlCarousel اجرا بشه.
    اما در کل پیشنهاد میدم برای هر اسلایدر یک ID مجزا در نظر بگیرید ( مثلا slider_1 و slider_2 و slider_3 ) و بصورت کلی مثل نمونه زیر کانفیگ کنید :

    فایل main.js :

    کد:
    $(".carousel-lg").owlCarousel({
    رو بعد از اینکه به اسلایدرهاتون ID دادین، تغییر بدید به این حالت مثلا :

    کد:
    $("#slider_1, #slider_2, #slider_3").owlCarousel({

  7. تعداد تشکر ها ازsam_pontiac به دلیل پست مفید


اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •