آموزش رفع مشکل تداخل جی کوئری وردپرس بعد از نصب افزونه یا قالب وردپرس

ممکن است بعد از نصب قالب وردپرس یا افزونه با مشکل از کار افتادن جی کوئری در سایت روبرو شوید این مشکل به دلیل ایجاد تداخل جی کوئری وردپرس است. به عنوان مثال بعد از نصب قالب جدید وقتی به سایت مراجعه کنیم با اشکالاتی مانند از کار افتادن اسلایدر سایت، عدم نمایش منو جی کوئری، کار نکردن دکمه بازگشت به بالا و … روبرو میشویم، در این مقاله از ایران تمز با آموزش رفع مشکل تداخل جی کوئری وردپرس بعد از نصب افزونه یا قالب وردپرس این مشکل را برای همیشه رفع خواهیم کرد پس تا انتها همراه ما باشید.

آموزش رفع مشکل تداخل جی کوئری وردپرس

کد رفع مشکل تداخل جی کوئری وردپرس

مهمترین عامل ایجاد تداخل در کدهای jquery لود شدن ۲ کتابخانه جی کوئری در سایت است.
برای این رفع اشکال لود شدن چند کابخانه جی کوئری باید در هنگام کدنویسی یا طراحی قالب وردپرس فایل کتابخانه را از طریق فانکشن functions.php و توسط تابع wp_enqueue_scripts در پوسته بارگذاری کرد. با اینکار اگر کتابخانه دیگری توسط افزونه های وردپرس بخواهد لود شود وردپرس تنها کتابخانه ای که از طریق فانکشن قالب معرفی شده را نمایش خواهد داد در نتیجه تنها یک کتابخانه jquery در کل سایت بارگذاری میشود و دیگر خطایی بوجود نخواهد آمد. در تصویر زیر شیوه فراخوانی غیر استاندارد به همراه نحوه فراخوانی استاندارد کتابخانه jquery نمایش داده شده است.

روش صحیح فراخوانی کتابخانه جی کوئری در قالب وردپرس

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

<?php function iranthemes_jquery(){wp_deregister_script('jquery');
wp_enqueue_script('jquery',get_stylesheet_directory_uri().'/js/jquery.js',array(),null,true);}
add_action('wp_enqueue_scripts','iranthemes_jquery'); ?>

فایل کتابخانه با نام jquery.js در پوشه js قرار دارد که در خط دوم مشخص است.
نکته : به جای لود کتابخانه jquery از پوسته امکان استفاده از آدرس cdn نیز وجود دارد.
نکته : بعد از افزودن کد در فانکشن، کتابخانه جی کوئری که معمولا در header.php فراخوانی شده را غیرفعال کنید.
به پایان آموزش رفع تداخل جی کوئری وردپرس رسیدیم اگر سوالی دارید در بخش دیدگاه های همین مطلب مطرح کنید.

درباره نویسنده
رضا کیانوش

رضا کیانوش هستم مدیر ایران تمز، لیسانس فناوری اطلاعات و ارتباطات در گرایش کاربردهای ict دارم. حدود 7 سالی هست که با وردپرس آشنا شدم و خدمات طراحی قالب وردپرس، سئو و بهینه سازی سایت رو انجام میدم. ایران تمز رو برای ارائه آموزشهای تخصصی و انتشار پوسته های وردپرسی که طراحی میکنیم راه اندازی کردم. اگر نیاز به طراحی قالب وردپرس اختصاصی دارید ما در ایران تمز اینکار رو با بهترین کیفیت براتون انجام میدیم.

بازدیدکنندگان قبلی مشاهده مطالب زیر را به شما پیشنهاد کرده اند

دیدگاهی بنویسید.

بهتر است دیدگاه شما در ارتباط با همین مطلب باشد.

  1. هامان
    ۲۸ شهریور ۱۳۹۷ ساعت ۱۰:۴۲

    اگر ارور jquery فقط در یک مرورگر مثل فایرفاکس نمایان میشه ، به راحتی با پاک کردن کش مرورگر درست میشه . (تست شده)

    • رضا کیانوش
      ۲۸ شهریور ۱۳۹۷ ساعت ۱۷:۴۸

      سلام وقت بخیر، این یعنی اینکه اصلا خطایی وجود نداره ! و مرورگر داره سخه قبلی قالب یا سایت که دارای خطا بوده رو لود میکنه و بعد از خالی کردن کش مرورگر نسخه جدید سایت لور میشه که خطایی نداره. موفق باشید

  2. ادیب
    ۲۱ اردیبهشت ۱۳۹۷ ساعت ۰۱:۰۸

    مطلب بسیار مفیدی بود. ممنون موفق باشید

  3. محمد
    ۱۶ اردیبهشت ۱۳۹۷ ساعت ۰۰:۲۰

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

    • رضا کیانوش
      ۱۶ اردیبهشت ۱۳۹۷ ساعت ۱۰:۵۱

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

  4. یوسف
    ۲۶ آذر ۱۳۹۶ ساعت ۱۳:۵۳

    سلام ممنون از راهنمایی های شما
    قسمت فروشگاه سایت ارور “کتابخانه جی کوئری قبل از کدهای مربوط به شهرهای ایران لود نشده است” رو میده، چکار باید بکنم تا این مشکل رفع بشه؟

    • رضا کیانوش
      ۲۶ آذر ۱۳۹۶ ساعت ۱۴:۴۹

      سلام، مشخصه دیگه باید کتابخانه جی کوئری رو بعد از کدهای مربوط به شهرهای ایران لود کنید.

  5. وحید
    ۱۹ آذر ۱۳۹۶ ساعت ۱۴:۱۱

    راهکار چیه ؟ افزونه روولیشن اسلایدر یکی از افزونه های ضروری قالب سایتمه

    • رضا کیانوش
      ۱۹ آذر ۱۳۹۶ ساعت ۱۹:۴۷

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

  6. وحید
    ۱۸ آذر ۱۳۹۶ ساعت ۱۹:۱۰

    سلام آقا رضا خسته نباشی، میخواستم بدونم کتابخانه جی کوئری در header.php رو چطور غیر فعال کنم ؟ خیلی مهمه ممنون

    • رضا کیانوش
      ۱۸ آذر ۱۳۹۶ ساعت ۱۹:۵۰

      سلام، طبق تصویری که گذاشتم دستور script رو باید حذف کنید. منظور دستور script ای که دارای ادرس کتابخانه جی کوئری هست باید حذف بشه

      • وحید
        ۱۸ آذر ۱۳۹۶ ساعت ۲۰:۲۳

        آقا رضا برای من خطای تداخل جی کوئری با اسلایدر قالب رو میده فک کنم ؟ یه نگاه بندازین هر کاری میکنم درست نمیشه !

        • رضا کیانوش
          ۱۹ آذر ۱۳۹۶ ساعت ۰۵:۴۶

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