مشکل مربوط به turbolinks

سوال شده توسط: M. Ahmadi

تاریخ ثبت: ۱۴۰۰/۰۷/۰۵

بازدید: 866

پاسخ: 3

تگ: Laravel


سلام استاد وقت بخیر. من در پروژه ام دارم از turbolink و bootstrap استفاده می کنم. اولین صفحه که لود می شود مشکلی ندارد ولی وقتی به دومین صفحه می روم دارپ دون ها و کولپس های صفحه از کار می افتن. این مورد رو سرچ کردم و خیلی ها مشکل داشتن ولی راه حلی درستی ارائه نشده. می خواستم بدونم شما در کارتون به این مشکل برخورد کردید؟ و چطور حلش کردین؟ با تشکر فراوان
پاسخ ها
user

قاسم بساکی

سلام دوست عزیزم. این مشکل همه وب سایت های تک صفحه ای هست مثل ریکت و ویو و …  ما هم با توربولینک وبسایتمون رو تک صفحه ای میکنیم. باید توی توابع mount  و یا hydrate و … یک emit بزنید به جاوااسکریپت و اونجا اون کدای جاوااسکریپت مربوط به dropdown رو فراخوانی کنید

مشکل اینجاست که ما گفتیم تو کدای جاوااسکریپتمون ، هرموقع صفحه لود شد فلان کد جاوااسکریپت رو اجرا کن ولی در وبسایت های تک صفحه ای فقط صفحه اول لود میشه و بقیه صفحات لود نمیشا اصلا درنتیجه اون تابع js فراخوانی نمیشه و باید اون تابعی که باعث فعال شدن المان های صفحه میشه رو توی توابع چرخه حیات صدا زد

user

M. Ahmadi

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

user

قاسم بساکی

خواهش میکنم عزیزم . خوشحالم که مشکلتون حل شد - عالی

برای ثبت پاسخ باید خود شوید

محبوب ترین مقالات