تضارب CSS وجافاسكريبتس

Question

وأنا وضع عنصر لجملة الموقع. هذا الموقع يحتوي على قالب متطور مع المغلق الهوى والبرامج النصية (وهي تسمية بعض مكونات K2) في هذا العنصر أستخدمه صندوق عرض الشرائح لعرض معرض صور وسائط النقل ولكن ما يحدث هو

وبأسرع ما يسمى هذا العنصر خصائص CSS وظائف جافا سكريبت قالب فشل مما أدى في بعض يعرض صفحة weared. وأنا لم أكتب هذه CSS وجافاسكريبتس سيكون مرهقة جدا بالنسبة لي لمنع النزاعات بين CSS والكتابات.

فما هو سؤالي هو:

هل هناك أي وسيلة لمنع تعارض بين هذه النصوص دون الغوص كثيرا في النصوص الفعلية.

يرجى توجيه لي من خلال هذا.

وثنإكس مقدما

Answer 1

K2 هو عنصر المحتوى للجملة. انها ليست غير عادية لإطار المكونات الإضافية أو إضافات لديك الصراع (s) مع بعضها البعض. لسوء الحظ، قد يكون لديك للبحث في جملة أو K2 المنتدى عن أجوبة. إما ذلك، يمكنك محاولة تعطيل المكونات الإضافية الأخرى واحدا تلو الآخر حتى يختفي الصراع (أمل).

Answer 2

واحدة من الصراعات الرئيسية في جافا سكريبت هي بين موتولز (مطلوب لبعض جملة functionaly) ومكتبات جافا سكريبت أخرى. الأكثر شيوعا هو المتغير العالمي $ التي يشيع استخدامها محدد DOM.

في موتولز، فإنه يختار فقط عن الهوية، بينما في مكتبات أخرى مثل مسج، فإنه يستخدم محددات CSS.

وحتى إذا كان لديك تمديد جملة الذي يقوم بتحميل مكتبة جافا سكريبت أخرى مثل مسج، فسوف تواجه بعض المشاكل. لمسج، لا يوجد حل محدد. http://docs.jquery.com/Using_jQuery_with_Other_Libraries

لمكتبات أخرى ومع ذلك، سوف تحتاج إلى الغوص في JS، أو استخدام امتدادا التي توفر الوظيفة نفسها ولكن يستخدم موتولز.

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

إذا هذا لا وجود له، سيكون لديك لإضافته نفسك.

وربما كان الأسهل هو لتحرير HTML ملحقات وإضافة:

<div id="extension-name">
  <!-- extension HTML here -->
</div>

وحول التمديد.

وبعد ذلك تعديل ملحقات CSS وإضافة

#extension-name 

وقبل كل محددات CSS.

وعلى سبيل المثال، إذا كان لديك:

.left-column {
  float: left;
}

وتغييره إلى:

#extension-name .left-column {
  float: left;
}

ويمكنك حتى أتمتة هذه العملية مع بحث رجإكس واستبدال.