لا يعمل تصميم jquery addclass، محدد خاطئ؟

Question

<li id="leistungen"><a href="#Leistungen" onclick="sitemapChangeSubMenu('leistungen','leistungencontent','leistungen'); return false;">LEISTUNGEN</a> </li>

هذا هو عنصر القائمة الذي أريد تصميمه باستخدام:

$("#leistungen a").addClass("brown");

هذا لا يعمل لأي من:

$("#leistungen").addClass("brown");

كود CSS الخاص بي هو فقط

.brown {
   color:brown;
}

لا أعرف ما هو الخطأ، وآمل أن تتمكن من مساعدتي :)

شكرًا جزيلاً!

Answer 1

وقوله

$("#leistungen").addClass("brown");

وستعمل على كل النص داخل #leistungen، ولكن ليس على تثبيت العلامات. المراسي لها النمط الافتراضي الذي يجب أن يتم تجاوز. كنت على صواب في كتابة

$("#leistungen a").addClass("brown");

وقومي بعمل اختبار للتأكد من جافا سكريبت الخاصة بك وتنفيذ بتغييره إلى

$("#leistungen a").hide();

إذا يختفي، ثم أنت تعلم أن جافا سكريبت الخاصة بك وتعمل على العنصر الصحيح. بعد ذلك، حاول أن تكون أكثر تحديدا مع محدد الخاص بك (ربما شيء آخر يتم تجاوز التغيير).

$("li#leistungen a").addClass("brown");

إذا لم يفلح ذلك، تأكد من وتنفيذ جافا سكريبت ثم تفقد عنصر. هل لديك فئة جديدة؟ إذا كان الأمر كذلك، فإن المشكلة هي مع CSS بدلا من جافا سكريبت. التحقق من ملف CSS الخاص بك المحيطة ".brown" أسلوب للبحث عن أخطاء في بناء الجملة. ومن شأن المفقودين} من الطراز السابق تفعل ذلك.

وحاول استخدام "# 4C3F12" بدلا من كلمة "البني" كلون.

.brown {
  color: #4C3F12;
}

واسمحوا لي أن أعرف إذا كان أي من هذه المساعدة!

Answer 2

حساسية حالة الأحرف - لقد قمت بتسمية المرساة الخاصة بك بحرف كبير L.

$("#Leistungen").addClass("brown");

في الحالة الأولى أيضًا، ستحتاج إلى استخدام محدد الفئة، وليس محدد المعرف

$(".leistungen a").addClass("brown");

ملاحظة - سأتجنب الفئات والمعرفات التي تتطابق (مع أو بدون حساسية لحالة الأحرف).

لغة البرمجة سمة المعرف المستندات (التأكيد على الألغام):

تحدد سمة المعرف بشكل فريد عنصر داخل مستند.لا اثنين يمكن أن يكون للعناصر نفس قيمة المعرف في وثيقة واحدة.السمة يجب أن تبدأ القيمة بحرف في النطاق من الألف إلى الياء أو من الألف إلى الياء ويمكن اتباعه بالحروف (A-Za-z) ، الأرقام (0-9) ، الواصلات ("-") ، الشرطات السفلية ("_") ، النقطتان (":") ، والنقاط ("."). القيمة حساسة للحالة.

Answer 3

ولقد الحرائق مثبتة؟ في الحرائق سوف تحتاج إلى التحقق ما إذا كانت الطبقة يتم إضافتها أو لا. إذا كان من إضافتها، ومن ثم تحديث ذاكرة المتصفح، والتحقق من ذلك جافا سكريبت الخاصة.

Answer 4

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

body #leistungen a {
   color: red;
}

.brown {
   color: brown;
}

في هذه الحالة اللون الأحمر له الأسبقية على اللون البني، لأن التعريف الأول هو أكثر تحديدا من آخر واحد. محاولة تحديد الدرجة البني بشكل أكثر تحديدا:

body #leistungen a.brown {
   color: brown;
}

Answer 5

ربما يكون لديك تعريف CSS متعارض في مكان ما.إذا كنت متأكدًا من تنفيذ جافا سكريبت، فتحقق مما يلي:

1. نظرًا لأنه معرف، تأكد من عدم تعيين هذا المعرف لعلامة أخرى أيضًا.
2. هل لديك أي إعلانات CSS أخرى تنطبق على العلامات؟

حاول تغيير التصريح إلى:

a.brown{ color: brown;} 

أو .brown a {color:بني؛}

اعتمادا على ما إذا كنت تستخدم $("#leistungen a").addClass("brown"); أو $("#leistungen").addClass("brown");