ما هو الحل النهائي لمشاكل jQuery مع ajax

السلام عليكم

عند مشكل في استدعاء ملف HTML بالـ jQuery عن طريق ajax

انا اعمل على website معتمد تماما على ajax اقوم بتقسيم محتوى الموقع في ملفات و اقوم باستدعاء الملف عند الحجة،

عندي ملف

Header.html

أقوم باستدعائه في رأس الصفح بالajax و به روابط التنقل بين الصفحات عن طريق الajax الروابط تعمل و لحد الآن لا توجد أي مشكلة ،

و اقوم ب استدعاء صفحة

home.html تحت الheader مباشرة بالـ ajax

و ٱنفذ عليه كود jQuery خاص بتصميم،

الكود يعمل ولا توجد أي مشكلة و الحمد لله

و عند الذهاب الى صفحة about.html أو أي صفحة أخرى ثم العود إلى صفحة home.html هونا لا يعمل الكود الـ jQuery الخاص بصفحته home

بحثت كثيرا لحل لهذه المشكلة ولم اجد حل لحد الاخضر

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

واجهت نفس المشكلة من قبل وكل الاجوبة والبحوثات كانت تاخذني لمكتبة اسمها history.js خاصة بالتعامل مع الاجاكس بالتنقلات اللي بتتكلم عليها لكن خبرتي ما ساعدتني افهمها، ممكن تشوفها وتخبرني شو بيصير معك

حسب ما فهمت انو المكتبة تعمل مع history

لكن انا مشكلتي في التنقل بين الصفحات

تعمل مع تغيير الهيستوري الخاص بالمتصفح ليساعدك بالتنقل

استخدم .load بدل Ajax فهي صممت لهذه الغاية أي عرض صفحات أو ملفات text

كذلك قد تكون المشكلة في الكود الذي يعمل على المحتورى الجديد الذي أضيف لل DOM لذلك يجب أن يكون هكذا مثلاً:

$(document).on('click','.TargetElement',function(){ alert('clicked on new element added to page dynamically!');});

نعم انت استعمل الدالة load و استعمل on في event

ممكن تكتب كود الـ Jquery الذى تستخدم ليتمكن احدهم من مساعدتك .

Abbas_Alabbas أضف ردا

إذا كنت تستخدم زر العودة المتواجد ضمن المتصفح فإن الصفحة ستحمل بشكل صحيح ولكن إذا كنت تريد قيما معينة ضمن الصفحة كانت متواجدة قبل الإنتقال لصفحة About فإنه ستواجهك بعض المشاكل وخاصة الأمور التي تحمل بعد إنتهاء تحميل الصفحة لأن القيم التي كانت حاول المتصفح وضعها إلا أنك تقوم بجلب الداتا بشكل ديناميكي بعد تحميل الصفحة مما يجعله لا يظهر الصفحة كما كانت من قبل

مع اني ضد هاد الحل لكن جرب مكتبة axios js لبين ماتلاقي حلق مع ال Jquery

ما الحل المناسب