جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
Matio
2 سال پیش توسط Matio مطرح شد
2 پاسخ

مشکل turbolink با bootstrap

سلام دوستان وقت بخیر. پروژه لایووایری دارم که در اون دارم از turbolink و bootstrap استفاده می کنم. اولین صفحه که لود می شود مشکلی ندارد ولی وقتی به دومین صفحه می روم dropdown ها و collapse های صفحه از کار می افتن. این مورد رو سرچ کردم و خیلی ها مشکل داشتن ولی راه حلی درستی ارائه نشده. می خواستم بدونم شما در کارتون به این مشکل برخورد کردید؟ و چطور حلش کردین؟ با تشکر فراوان
@gomnam @hesammousavi @juza66 @Alimotreb @mhyeganeh


ثبت پرسش جدید
Matio
تخصص : برنامه نویس
@matio 2 سال پیش مطرح شد
0

مشکل من اینطور حل شد که توربولینک رو در اسکریپتی جدای از app.js نوشتم. و app.js رو که حاوی بوت استرپ جی کوئری و ... می باشد در تگ head فراخوانی کردم و اسکریپت حاوی توربولینک رو هم داخل تگ body گذاشتم. اینطور برای dropdown ها و collapse ها و المان های دیگر صفحه مشکلی پیش نمیاد.


امین محمدزاده
تخصص : برنامه نویسی وب - Laravel
@amin.webdesign 2 سال پیش مطرح شد
1

برای قسمتهایی که میگید از کار میوفتن از wire:ignore استفاده کن که زمانی که لایووایر بعد از هر درخواست، DOM رو بروزرسانی میکنه با اون قسمت ها کاری نداشته باشه چون شما توی پروژتون احتمالا از jquery و جاوااسکریپت استفاده میکنید و زمانی که DOM توسط لایووایر بروزرسانی میشه قسمتهایی که با jquery کار شدن از کار میوفتن.


Matio
تخصص : برنامه نویس
@matio 2 سال پیش مطرح شد
0

مشکل من اینطور حل شد که توربولینک رو در اسکریپتی جدای از app.js نوشتم. و app.js رو که حاوی بوت استرپ جی کوئری و ... می باشد در تگ head فراخوانی کردم و اسکریپت حاوی توربولینک رو هم داخل تگ body گذاشتم. اینطور برای dropdown ها و collapse ها و المان های دیگر صفحه مشکلی پیش نمیاد.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام