پروژه رفع مشکل Conflict افزونه های JQuery دار با یکدیگر ...

[سید منصور فیروزه 10]

با سلام خدمت دوستان عزیز

راستش خیلی وقته که من شخصا با پرسش این قضیه و شنیدن پاسخ هایی که برابر با خط کشیدن روی صورت مساله هست مواجه میشم.

جوملا یا هر سیستم مدیریت محتوی تا زمانی قدرت خود را حفظ میکنه که دست طراح را توی هر مساله ای باز قرار بده .

برای مثال شاید افزونه ای مد نظر شما باید که شاید هیچگونه مدل مشابه ای را نداشته باشد یا اصلا شما بخواین فقط و فقط از همون افزونه استفاده کنین.

دلیلی نمیشه که بخاطر اینکه کانفلیکت رخ میده اون افزونه را ببوسیم بذاریم کنار .

خب از مقدمه بگذریم .

اصلی ترین چیزی که باید مورد بحث قرار بگیره دلیل و چیزیه که دامن به این مشکل میزنه :

افزونه هایی که از کتابخانه های Jquery و ... استفاده میکنن یا کتابخانه هارا بصورت آنلاین فراخوانی میکنن یا بصورت لوکال (در کنار افزونه) قرار میدن.

حالا بر فرض وقتی یک افزونه اسلایدر تصویر با یک افزونه دیگه که کتابخانه های مربوط به خود را فراخوانی میکنن و همزمان با هم Load میشن این برخورد پیش

میاد و موجب عدم کار یک یا هر دو افزونه (یا بیشتر) میشود .

راه حل های موجود :

1) استفاده از افزونه های JQuery++ Integrator یا JQuery Easy و یا SCJQuery که با نصب این پلاگین ها میتونین Jquery را یکباره در سایت خود از منابع آنلاین

یا لوکال فراخوانی کنین. بهتره بگم بنده شخصا با برخورد به این مشکلات و استفاده از این افزونه ها ، هیچ یک از مشکلاتم حل نشد !

2) روش دوم که فقط و فقط نظر شخصی بنده هست و سعی میشه روی اون کار بکنیم و از متخصصین در امر JQuery درخواست دارم تا این موضوع را پیگیری کنند

اینه که :

الف ) انجام عملی برای عدم لود شدن چندباره کتابخانه ها ، دستورات موجود در فایل اصلی هر افزونه که اتصال به کتابخانه را مشخص میکنند ( که افزونه های معرفی شده

در بالا تقریبا چنین کاری میکنن ، البته چون داینامیک هستن نمی تونن تمام نیازهارا برطرف کنن) .

ب) آموزش دادن روشی برای خصوصی سازی این مشکل در افزونه های موجود خودمان . در واقع روشی مطرح بشه که هر شخص حداقل قادر باشه افزونه های خودشو از این بابت

مدیریت کنه .

فک میکنم یکی از دستاوردهای نو جوملای ایران قرار بگیره این کار چون واقعا جای خالیش احساس میشه .

منتظر نظرات و پیشنهادات توسعه دهندگان هستیم ...

موفق و پایدار باشید.

[ابوالفضل طالبی 279]

برای جلوگیری از عدم تداخل چند افزونه که از jQuery استفاده میکنند باید طراحی افزونه از تابع noConflict استفاده کنه تا مشکلی با سایر افزونه نداشته باشه

jQuery.noConflict();

[hamidnpc 14]

آقای طالبی خب اون افزونه ها هم دقیقا همین کد را اضافه میکنند که مشکل حل نمیشود

این ویجت کیت یکی از بزرگ ترین مثال هایش هست

یک کمکی بکنین

[نیما حبیب خدا 19]

تابعی که ابوالفضل جان گفتند یک تابع هست که میشه به شکل های دیگه استفاده کرد باهاش ... ببینید دلیل اصلی conflict در جی کوئری المان $ هست که باعث میشه به علت مشابه بودن در کدهای نوشته شده ، تداخل ایجاد میشه ... با این تابع و کمی تغییر آن شما میتونید این المان را به دلخواه تغییر نام بدید تا دیگه تداخل نداشته باشه ...

به این شکل :

این کد اصلی شماست :

$("div p").hide();

باید به این تبدیل کنید :

var j = jQuery.noConflict();

j("div p").hide();

حالا به جای j هرچی خواستی بذار . مهم نیست ...

[نیما حبیب خدا 19]

توجه : اگر شما 3 script نوشتید ( مثلا ... نه حتما 3 ... از یک بیشتر ، تداخل ایجاد میشه ) ، باید برای هر اسکریپت یک تابع جدا تعریف کنید تا دوباره تداخل نده .

[سید منصور فیروزه 10]

با سلام و درود بی کران خدمت دوستان و ممنون از توجه به این موضوع .

تابع noConflict را یکی دوتا از افزونه های مشکل دار من دارن ولی هیچ عملی نمیکنن ...

- آقای حبیب خدا این کد داخل فایل js اون افزونه یا توی index.php اش باید اضافه بشه ؟

سپاس ...

[نیما حبیب خدا 19]

جایی که اسکریپت js رو نوشتید .. اگر اسکریپت در head نوشته شده ، در اولین خط اسکریپت و اگر در فایلی جدا نوشته شده در اول فایل... این یک variable هست و حتما باید در بالاترین قسمت کد قرار بگیره تا تمام کدهای بعد رو شامل بشه . دقت کن که باید تمام $ ها رو به اون عبارتی که تعریف میکنی توی تابع ، تغییر بدی

[سید منصور فیروزه 10]

با سلام مجدد .

در حال حاضر من یک ماژول که توی Advanced Option هاش گزینه noConflict mode را داره را باز کردم . داحل تمامی فایل هاش هرچی کلمه noConflict ، Conflict را جستجو کردم

چیزی پیدا نشد .

1) آیا از توابع مشابه دیگری استفاده کرده ؟

2) در این کد شما

j("div p").hide();

Div p کدوم مکان میشه ؟ منظور div هست که ماژول توش قرار داره ؟

اگه میشه یه کم مشخص تر و باز تر یا بر فرض با یک مثال توضیح بدین .

من الان یک فایل دیگه هم باز کردم اصلا این چیزا داخلش نبود . فقط یه فایل mootools.js بود که ابتداش با این کد

if ($$.shared) {}

شروع میشه.

آیا همینه ؟