P30-ART


ارسال موضوع ارسال پاسخ
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش رفع مشکل تداخل جی کوئری ها
نویسنده پیام
کاربر تازه وارد
**

ارسال‌ها: 12
تاریخ عضویت: مهر 1395
اعتبار: 0
وضعیت : آفلاین
جنسیت:
سپاس ها 0
سپاس شده 0 بار در 0 ارسال
ارسال: #1
آموزش رفع مشکل تداخل جی کوئری ها
رفع مشکل تداخل بین جی کوئری های یک صفحه تدبیل شده به یک مشکل بزگر برای طراحان و برنامه نویسان سایت.
اما امروز میخوام یک مطلب کامل در رابطه با جی کوئری و چگونی بر طرف کردن تداخل جی کوئری ها را براتون توضیح بودم. امیداورم مورد استفاده قرار بگیره.
روش اول رفع تداخل جی کوئری ها از طریق افزونه فایرباگ در فایرفاکس
که حتما آشنایی باهاش دارید و قسمت console میتونید مشکل رو مشاهده کنید و تا بتونید جهت برطرف کردن مشکل اقدام کنید.
همانطور که میدانید جی کوئری از $ در کدهای خود استفاده میکند همچنین بعضی کتابخانه های دیگر هم از این علامت اختصاری استفاده میکنند که موجب تداخل میشود. برای رفع این تداخل راههای مختلفی است که در این مقاله قصد داریم آنها را بررسی کنیم.ابتدا سعی کنید از آخرین ورژن جی کوئری استفاده کنید و فقط یکبار کتابخانه جی کوئری را در سایت خود فرخوانی کنید. البته ممکنه توابع اسکریپت شما قدیمی باشه و با کدهای جدید سازگار نباشه که باید دیگر جی کوئری ها با یک ورژن ست بشه و یک بار فراخوانی بشه.استفاده از تابع jQuery.noConflict() و استفاده از یک متغیر بجای $به مثال زیر که در همین سایت جهت جلوگیری از تداخل مورد استفاده قرار گرفته توجه کنید :
کد php:
<script type="text/javascript">
    $( 
"button" ).click(function() {
    $( 
".toggle" ).toggle"slow" );
    $(
"button").hide();
    });
</script> 
که من از تابع jQuery.noConflict() و یک متغیر استفاده کردم . به شکل زیر :
کد php:
<script type="text/javascript">
    var 
jQuery.noConflict();
    
j"button" ).click(function() {
    
j".toggle" ).toggle"slow" );
    
j("button").hide();
    });
</script> 
روش دیگر تغییر تقدم و تاخر کدها
سعی کنید همه کدهای جاوااسکریپت و جی کوئری را در پایین ترین قسمت سایت قرار دهید در صورتی که مشکل حل نشد با تغییر ترتیب اجرا شدن فایلها و و کدهای جاوای داخل صفحه است. گاهی با تغییردادن ترتیب لود کدهای جاوا و یا فایلها مشکل برطرف میشه.رفع مشکل تداخل جی کوئری برای سایتهای وردپرسی
بهتراست از یک کتابخانه جهت طراحی سایت خود استفاده کنید و پیشنهاد میشود از آخرین ورژن جی کوئری استفاده کنید. ورژنی که به دیگر جی کوئری های شما میخورد پیدا کنید و از قالب خود حذف کنید سپس کد زیر را در functions.php قرار دهید و تست کنید.
کد php:
wp_deregister_script'jquery' ); // Unregister WordPress jQuery
  
wp_register_script'jquery''نشانی کتابخانه را اینجا بگذارید''jquery''1.10.2'); // Load Google CDN jQuery
  
wp_enqueue_script('jquery'); // Enqueue it! 
منبع : طراح سایت "یک طراح"
 

(آخرین ویرایش در این ارسال: 08-01-1395 03:35 ب.ظ، توسط mkamali.)
07-03-1395 05:20 ب.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
کاربر تازه وارد
**

ارسال‌ها: 2
تاریخ عضویت: فروردین 1397
اعتبار: 0
وضعیت : آفلاین
جنسیت:
سپاس ها 0
سپاس شده 0 بار در 0 ارسال
ارسال: #2
RE: آموزش رفع مشکل تداخل جی کوئری ها
lممنون از اطلاعات مفیدتون

01-22-1397 09:39 ب.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال موضوع ارسال پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان