مشکل turbolink با bootstrap
سلام دوستان وقت بخیر. پروژه لایووایری دارم که در اون دارم از turbolink و bootstrap استفاده می کنم. اولین صفحه که لود می شود مشکلی ندارد ولی وقتی به دومین صفحه می روم dropdown ها و collapse های صفحه از کار می افتن. این مورد رو سرچ کردم و خیلی ها مشکل داشتن ولی راه حلی درستی ارائه نشده. می خواستم بدونم شما در کارتون به این مشکل برخورد کردید؟ و چطور حلش کردین؟ با تشکر فراوان
@gomnam @hesammousavi @juza66 @Alimotreb @mhyeganeh
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
مشکل من اینطور حل شد که توربولینک رو در اسکریپتی جدای از app.js نوشتم. و app.js رو که حاوی بوت استرپ جی کوئری و ... می باشد در تگ head فراخوانی کردم و اسکریپت حاوی توربولینک رو هم داخل تگ body گذاشتم. اینطور برای dropdown ها و collapse ها و المان های دیگر صفحه مشکلی پیش نمیاد.
برای قسمتهایی که میگید از کار میوفتن از wire:ignore استفاده کن که زمانی که لایووایر بعد از هر درخواست، DOM رو بروزرسانی میکنه با اون قسمت ها کاری نداشته باشه چون شما توی پروژتون احتمالا از jquery و جاوااسکریپت استفاده میکنید و زمانی که DOM توسط لایووایر بروزرسانی میشه قسمتهایی که با jquery کار شدن از کار میوفتن.
مشکل من اینطور حل شد که توربولینک رو در اسکریپتی جدای از app.js نوشتم. و app.js رو که حاوی بوت استرپ جی کوئری و ... می باشد در تگ head فراخوانی کردم و اسکریپت حاوی توربولینک رو هم داخل تگ body گذاشتم. اینطور برای dropdown ها و collapse ها و المان های دیگر صفحه مشکلی پیش نمیاد.