يتم تمرير صفحة الويب إلى الموقع العلوي أثناء تدمير النظائر وإعادة ضبطها

Question

أنا استخدم http://isotope.metafizzy.co/'س isotope البرنامج المساعد لإنشاء تخطيط الشبكة.عند النقر على أي من الشبكات، أقوم بعرض نافذة منبثقة مشروطة توضح التفاصيل.عند إغلاق النافذة المنبثقة المشروطة، يعود التحكم إلى تخطيط شبكة النظائر القديم.محتوى النافذة المنبثقة المشروطة هي hidden تحت جزء من البند النظير.واجهت مشاكل مع عرض المحتوى الموجود في النافذة المنبثقة المشروطة بشكل صحيح.لذا، ما فعلته هو النقر على أي شبكة من النظائر <a> العنصر الذي استخدمته $.isotope('destroy');.عندها فقط، عملت النافذة المنبثقة المشروطة بشكل صحيح.علاوة على ذلك، عند إغلاق النافذة المنبثقة المشروطة، قمت بإعادة تهيئة شبكة النظائر باستخدام الكود التالي:

    $("#container").isotope({
     itemSelector:".item",
     masonry:{
     columnWidth:100,
     gutterWidth:20
     },
     animationOptions:{
     duration: 750,
     easing: 'linear',
     queue: false
    }
    });

لقد أضفت return false; في نهاية جميع التعامل مع الوظائف <a> عناصر onclick الحدث (باستخدام jQuery'س delegate() وظيفة).

عند إعادة التهيئة، يتم تمرير الصفحة مرة أخرى إلى الأعلى.بخلاف هذا، لا توجد مشكلة في سهولة استخدام الصفحة.انا عالق.الرجاء المساعدة.

Answer 1

لا يجب أن تحتاج إلى استخدام طريقة التدمير أو أي حيل خاصة مع النوافذ المشروطة والنظائر؛هل جربت هذه هنا أو ما شابه ذلك لإظهار محتوى ثابت أو ديناميكي؟انها تقوم بالعمل هنا للكشف عن المزيد من الأشياء.إذا كنت تقلق فقط بشأن تمرير الصفحة، فسيحصل Lix على اللون الأخضر:)

Answer 2

أنا لست على دراية كبيرة ب isotope البرنامج المساعد الذي تستخدمه، ولكن يمنع تمرير الصفحة نتيجة للنقر عليه <a> عناصر يستطيع يمكن منعها.

بدلاً من return false, ، بامكانك ان تحاول preventDefault().

في معالج النقر (على سبيل المثال) يمكنك القيام بذلك -

$('a').on('click',function(e){
  // other code here
  e.preventDefault();
});