ما هي أفضل طريقة لتوفير نمط CSS الافتراضي ، الذي يتم تجاوزه بواسطة jQuery UI ، لعدم وجود سيناريوهات نصية؟

Question

على سبيل المثال: لدي جهاز نداء << 1 2 3 4 5 6 7 8 >> في صفحتي حيث يكون كل عنصر تنقل رابط HTML عادي. بالنسبة للمتصفحات الحديثة مع تمكين JS ، أود تجميلها مع jQuery's. لكن. لكني أود الحصول على شيء لسيناريو noscript. من الواضح أنني يجب أن أضيف بعض تصميم CSS للروابط ، لكن كيف أعرف أن CSS المخصصة لن تفسد تصميم JQuery؟

هل هذا مصدر قلق لا داعي له؟ هل توفر jQuery بعض الوظائف لمسح أي تصميم سابق للعنصر؟

Answer 1

استخدم ورقة الأنماط الخاصة بـ JQuery UI. ألق نظرة علىهم توثيق الإطار-جميلة مستقيمة إلى الأمام.

من بين العديد من المحترفين لاستخدام إطار عمل CSS الخاص بـ JQuery UI: CSS القوية والمتشابكة المتوافقة مع المتصفح. دفق صلب من أسماء الأخطاء (إن وجد). وإذا قررت تغيير نظام الألوان الخاص بك ؛ كل ما عليك فعله هو استبدال ورقة الأنماط ، مع جديد موضوع واحد ، أو واحد من الموضوعات القياسية التي تأتي مع jQuery UI.

لا داعي لقوله؛ لا يمكن لـ jQuery UI تجاوز/تفكيك CSS الخاصة بها. وستحصل على جهاز نادي يبدو كما هو مع تمكين JavaScript وبدونه.

نصيحة: إذا لم يكن لديك الوقت الكافي لقراءة وثائق إطار عمل jquery ui css ؛ استعمال Firebug (Mozilla Firefox Add-On) لتفقد HTML الناتجة عن jQuery UI وتطبيقه على عدم وجود خلاصة.

تحديث

فقط فحص رابط مصنوع في زر. إليك الترميز الذي تم إنشاؤه بواسطة مكون Buttton الخاص بـ JQuery UI:

<a href="#" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
    <span class="ui-button-text">An anchor</span>
</a>

Answer 2

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