۶ گام برای رفع مشکل کار نکردن کدهای جی کوئری

فروردین ۳۰, ۱۳۹۲ توسط : سید داوود فامرینی

۱٫ اصلاً فایل جی کوئری وجود داره ؟

مردم اغلب خیلی زود ناراحت می شن زمانی که یه مشکل کوچیک پیش میاد مثلاً جی کوئری کار نمی کنه. قبل از اینکه مشغول کاری بشین و کدی رو دست بزنید، ببینید فایل اصلی جی کوئری وجود داره.

همچنین ببینید فایلی که الان در حال ویرایش اون هستید دقیقاً همون فایلیه که جی کوئری بهش وصل شده یا نه شما درحال ویرایش فایل اشتباهی هستید. 🙂

۲٫ مسیر فایل اشتباه است

این یک اشتباه معمولیه و اولین مرحله در برابر مشکلات کدهای جاوااسکریپته که باید چک بشه. بعد از اینکه چک کردین که مسیر فایل درسته برای مطمئن شدن بهتره با مرورگر کروم یا فایرفاکس یکبار view source کنید و روی لینک مربوط به فایل جی کوئری کلیک کنید، اگر سورس فایل نمایش داده شود یعنی اینکه کار رو درست انجام دادید اما اگر پیغام ۴۰۴ ظاهر شد یعنی اشتباه آدرس دهی کردید، برای تست فایل Css هم این روش کارایی داره و جلوی مشکلات رو می گیره.

۳٫ ترتیب اجرای اسکریپت

” کمک ! جی کوئری کار نمی کنه، با این حال که درست بارگذاری شده !!!! ”

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

۴٫ افزونه کار نمی کنه

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

توجه: مرحله ۱ و مرحله ۲ برای تست و حل مشکلاتCss  ها هم قابل استفاده است.

حتی اگر من مراحل ۱ تا ۳ را انجام داده باشم تست بعدی را هم برای اینکه ۱۰۰% مطمئن شوم که بارگذاری کامل انجام میشه آن را انجام می دهم. در ۹۹٫۹۹۹% این آخرین تستی است که باید دهید.

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

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
<script type="text/javascript">
$(document).ready(function(){ 

        $("div").css("border", "3px solid red");

});
</script>

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

اگر کادر ۳ پیکسل نمایش داده نشد، وقت اونه که به مرحله بعد برید.

۵٫ مسائل مربوط به کتابخانه جاوااسکریپت

از کتابخانه های جاوااسکریپت به طور همزمان استفاده نکنید! دلایلی وجود داره که نشان می دن این کتابخانه ها با هم تداخلاتی دارند. کتابخانه های جاوااسکریپت یعنی درخواست html بیشتر و نمایش هر چه بیشتر مطالب. این مهم نیست که از چه کتابخانه جاوااسکریپتی استفاده می کنید، از هر کدوم که دوست دارید استفاده کنید اما سعی کنید از همون در کل پروژه استفاده کنید. برای کتابخانه جی کوئری هزاران افزونه نوشته شده که در ۹۹% دیگه لازم نیست از کتابخانه دیگری استفاده کنید.

نکته : هیچ وقت ۲ نسخه متفاوت از یک کتابخانه را استفاده نکنید چون نیازی به این کار نیست و آخرین نسخه شامل تمامی امکانات می باشد.

۶٫ غیرفعال بودن جاوااسکریپت

مطمئن بشید که از مرورگر جدیدی استفاده می کنید، نه از IE 5.5  و یا مرورگرهای قدیمی دیگر. ممکنه در این مرورگرها امکان جاوااسکریپت غیرفعال شده باشه.

جی کوئری در این حالت کار نخواهد کرد. پس با یک مرورگر جدید صفحه مورد نظر رو چک کنید.

گردآوری و ترجمه : سید داوود فامرینی

بازدید : ۸۸۹۶

فروردین ۳۱, ۱۳۹۲ @ ۳:۱۶ ب.ظ

سلام.
ممنون از مقاله خوبتون.

پاسخ دادن
مرداد ۱۵, ۱۳۹۲ @ ۱:۱۲ ب.ظ

سلام.ببخشید من یه سایت دارم طراحی میکنم یه قسمتش . با jquery . میخوام وقتی کاربر لاگین میشه هدر بشه به یه پنجره توی همون صفحه ی اصلی سایت .
میشه کمکم کنید ؟
توی php که از این کد استفاده میکنیم
header(‘location”index.php’)
توی jquery از چه کدی استفاده میکنیم؟

پاسخ دادن
    سعید
    مرداد ۱۷, ۱۳۹۲ @ ۷:۰۳ ب.ظ

    برای ریدایرکت با جاوااسکریپت از کد زیر استفاده کن :

    window.location = “www.domain.com/index.php”;

    پاسخ دادن
فروردین ۱۴, ۱۳۹۳ @ ۶:۱۸ ب.ظ

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

پاسخ دادن
    سعید
    فروردین ۱۷, ۱۳۹۳ @ ۶:۰۳ ب.ظ

    سلام
    کدهاتون رو بذارید تا ببینیم مشکل کجاست

    پاسخ دادن
فروردین ۱۸, ۱۳۹۳ @ ۷:۴۰ ق.ظ

سلام دوست من این مشکل زمانی پیش میاد که هنوز کتابخانه jQuery به صفحه شما وصل نبوده باشه

پاسخ دادن
مونا
آذر ۷, ۱۳۹۳ @ ۴:۰۴ ب.ظ

سلام
من یه سایت دروپالی دارم وبرای اسلاید شو پلاگین اسلایدر دانلود کردم و در فایلی که با اسم libraries در قسمت all در فایل sites ساختم اکسترکت کردم اما سایت پلاگین روی سایتم کارنمیکنه و ارور زیر در گزارش وضعیتم وجود داره:
Nivo Slider jQuery plugin نصب نشده است
The Nivo Slider library could not be found.
لطفا راهنمایی کنید.

پاسخ دادن
    Saeed Moqadam
    آذر ۲۴, ۱۳۹۳ @ ۹:۱۱ ب.ظ

    سلام
    ببخشید دروپال بلد نیستم

    پاسخ دادن
هادی
آذر ۱۶, ۱۳۹۳ @ ۱۰:۵۶ ق.ظ

با سلام: یکی دیگر از علت های از کار افتادن جی کوئری استفاده کردن از direction: rtl; در Css که اقلب کسانی که می خواهن قالب فارسی کنند از این اتفاده می کنند که ۸۰ در صد از جی کوئری ها باهاش مشکل دارن

پاسخ دادن
سوران
خرداد ۲۷, ۱۳۹۴ @ ۹:۵۷ ق.ظ

به نام مخدا
از نظر آقای هادی سپاسگذارم چون مشکلم به حول و قوه الهی برطرف شد

پاسخ دادن

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


*