فراخوانی کتابخانه جی کوئری وردپرس – جلوگیری از تداخل جی کوئری

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

فراخوانی کتابخانه جی کوئری وردپرس - جلوگیری از تداخل جی کوئری

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

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

<?php
wp_deregister_script('jquery');
wp_register_script('jquery', 'http://ronakweb.com/wp-content/themes/ronakweb-v2/jquery-latest.js', false, '1.11.1');
wp_enqueue_script('jquery'); 
?>

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

<?php wp_enqueue_script("jquery"); ?>

همیشه از نسخه بروز کتابخانه جی کوئری استفاده کنید تا مشکلی از بابت خطاهای jquery مربوط به بروز نبودن آن نداشته باشید. برای فراخوانی کتابخانه جی کوئری وردپرس می توانید از فایل اصلی و بروز آن در سایت Jquery.com استفاده کنید.

890 بازدید 6 نظر
خیلی خوشم اومد.
به نظر من !!!
  1. علی می گه:
    ۰۰:۴۰ مورخه ۱۱ شهریور ۹۵

    سلام خداقوت به شما
    یک سوال خیلی مهم داشتم از شما
    ممنون میشم راهنمایی کنید چون برام خیلی مهمه
    من قالب انفولد دارم و این قالبم میاد فایل jquery رو از داخل وردپرس به ادرس wp-includes\js\jquery میخونه، ولی من قصد دارم از ادرس گوگل یعنی ادرس زیر بخونه، باید چه کار کنم؟ ممنون

    https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js

    • روناک وب می گه:
      ۱۲:۱۱ مورخه ۱۵ شهریور ۹۵

      سلام دوست عزیز،

      شما باید فایل functions.php موجود در قالب enfold رو ویرایش کنید و دنبال این خط بگردید:

      wp_enqueue_script('jquery');

      و این دو خط را قبل از آن قرار دهید:

      wp_deregister_script('jquery');
      wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js', false, '3.1.0');

      موفق باشید.

      • علی می گه:
        ۱۶:۴۷ مورخه ۱۶ شهریور ۹۵

        سلام
        ببخشید من کدی که گفتید بگرد رو پیدا نکردم اینها رو دیدم:

        wp_enqueue_script( 'avia-compat', $template_url.'/js/avia-compat.js', array('jquery'), 2, false ); //needs to be loaded at the top to prevent bugs
        		wp_enqueue_script( 'avia-default', $template_url.'/js/avia.js', array('jquery'), 3, true );
        		wp_enqueue_script( 'avia-shortcodes', $template_url.'/js/shortcodes.js', array('jquery'), 3, true );
        		wp_enqueue_script( 'avia-popup',  $template_url.'/js/aviapopup/jquery.magnific-popup.min.js', array('jquery'), 2, true);
        
        		wp_enqueue_script( 'jquery' );
        		wp_enqueue_script( 'wp-mediaelement' );
        
        
        		if ( is_singular() &amp;&amp; get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); }
        
        • روناک وب می گه:
          ۰۹:۲۰ مورخه ۱۷ شهریور ۹۵

          در قطعه کد شما، خط مورد نظر موجود می باشد!

          wp_enqueue_script( 'jquery' );
          
          • علی می گه:
            ۱۳:۴۴ مورخه ۱۷ شهریور ۹۵

            ممنون از پاسختون
            این این کار رو کردم ولی قالب بهم خورد
            بعضی از عکس ها دیگه لود نشد
            میدونید علت چیه؟
            ممنون

          • روناک وب می گه:
            ۱۴:۱۴ مورخه ۱۷ شهریور ۹۵

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

            همچنین از طریق Developer Tools (یا Inspector) مرورگر و قسمت Console میتونید خطاهای جاوااسکریپت رخ داده رو مشاهده کنید و رفعشون کنید!

            موفق باشید.

با عضوت در خبرنامه ایمیلی جدیدترین مطالب و فیلم های آموزشی را در ایمیل تان دریافت کنید. اعضاء خبرنامه و صفحات اجتماعی روناک وب از امکانات ویژه ای برخوردار خواهند شد !!!