طاولة Ajax stripe مع jQuery

Question

لجداول HTML العادية التي أستخدمها

 $('table.alt tr:even').addClass('bg');

لقطعة الجدول. ولكن من الواضح أن هذا لا يعمل مع أياكس. فهرس كل صف جديد هو "-1" وبالتالي يحصل كل صف جديد على الفصل.

حتى الاستعلام المباشر من plugin من http://brandonaaron.net لا أستطيع مساعدتي. أي اقتراحات؟

Answer 1

حسنًا ، يمكنك محاولة إضافة سطر هذا الرمز ، بالإضافة إلى ذلك الذي يزيل جميع الشرائط الموجودة ، إلى عالمي .ajaxSuccess() حدث بحيث يتم تشغيلها في كل مرة تكتمل فيها مكالمة Ajax ، لكن هذه ليست طريقة فعالة بشكل رهيب إذا كنت تعمل مع العديد من مكالمات Ajax المختلفة مع عدد قليل فقط من تغيير الجدول.

يمكنك أيضًا تحديد وظيفة يمكنك تضمينها مع success رد اتصال مكالمات Ajax الخاصة بك ، مثل

function stripTable(){
     $('table.alt tr').removeClass('bg').filter(':even').addClass('bg');
}

سيمنع هذا الشرائط من العبث إذا قمت بإدراج في صفوف جديدة في الجداول الموجودة.

يعد استخدام CSS بالطبع أفضل طريقة للقيام بذلك ، ولكن نظرًا لأنك تستخدم jQuery لهذا ، أظن أن التوافق المتخلف هو مشكلة رئيسية هنا.