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

M. Ahmadi
5 مهر ۱۴۰۰
سلام استاد وقت بخیر. من در پروژه ام دارم از turbolink و bootstrap استفاده می کنم. اولین صفحه که لود می شود مشکلی ندارد ولی وقتی به دومین صفحه می روم دارپ دون ها و کولپس های صفحه از کار می افتن. این مورد رو سرچ کردم و خیلی ها مشکل داشتن ولی راه حلی درستی ارائه نشده. می خواستم بدونم شما در کارتون به این مشکل برخورد کردید؟ و چطور حلش کردین؟ با تشکر فراوان
1344

3 پاسخ
  • قاسم بساکی5 مهر ۱۴۰۰

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

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

  • M. Ahmadi5 مهر ۱۴۰۰

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

  • قاسم بساکی5 مهر ۱۴۰۰

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