فراخوانی کتابخانه جی کوئری وردپرس – جلوگیری از تداخل جی کوئری
شاید شما نیز پس از نصب و فعال سازی افزونه در وردپرس با مشکل تداخل جی کوئری وردپرس روبرو شده باشید در این حالت وقتی به سایت مراجعه می کنید می بینید که برخی از بخشهای قالب که توسط جی کوئری راه اندازی شده اند مانند اسلایدر ، تب ، افکتهای جی کوئری قالب وردپرس و … کار نمی کنند و باعث بهم ریختن قالب می شوند مهم ترین دلیل مشکل تداخل جی کوئری در قالب وردپرس در نحوه فراخوانی کتابخانه جی کوئری وردپرس می باشد برای جلوگیری از تداخل جی کوئری باید کتابخانه 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 استفاده کنید.
سلام خداقوت به شما
یک سوال خیلی مهم داشتم از شما
ممنون میشم راهنمایی کنید چون برام خیلی مهمه
من قالب انفولد دارم و این قالبم میاد فایل jquery رو از داخل وردپرس به ادرس wp-includes\js\jquery میخونه، ولی من قصد دارم از ادرس گوگل یعنی ادرس زیر بخونه، باید چه کار کنم؟ ممنون
https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js
سلام دوست عزیز،
شما باید فایل functions.php موجود در قالب enfold رو ویرایش کنید و دنبال این خط بگردید:
و این دو خط را قبل از آن قرار دهید:
موفق باشید.
سلام
ببخشید من کدی که گفتید بگرد رو پیدا نکردم اینها رو دیدم:
در قطعه کد شما، خط مورد نظر موجود می باشد!
ممنون از پاسختون
این این کار رو کردم ولی قالب بهم خورد
بعضی از عکس ها دیگه لود نشد
میدونید علت چیه؟
ممنون
احتمالا پلاگین هایی استفاده میکنید که با این ورژن جکوئری سازگار نیستند!
یا قالب انفولد و فایل های جاوااسکریپت داخل صفحه که از جکوئری استفاده میکنند با ورژنی که شما از گوگل میگیرید سازگار نیستند. میتونید ورژن های قدیمی تر جکوئری رو تست کنید!
همچنین از طریق Developer Tools (یا Inspector) مرورگر و قسمت Console میتونید خطاهای جاوااسکریپت رخ داده رو مشاهده کنید و رفعشون کنید!
موفق باشید.
زمانی که افزونه ها پیش نیاز هم هستند چگونه تداخل را برای همیشه از بین ببریم؟
ممنون از مطلب کاربردیتون
موفق باشید