آموزش نحوه استفاده از جی کویری و جاوااسکریپت در وب
من جی کویری رو از سایت jquery.com دانلود کردم و در root پروژه خودم قرار دادم. در Layout پروژه دستور زیر رو نوشتم تا بتونم از دستورات و اسکریپت های جی کویری استفاده کنم.
<script src="wwwroot/css_js/bowercomponents/jquery/dist/jquery.min.js"></script>
ولی متاسفانه نمی تونم از دستورات جی کویری توی پروژه استفاده کنم و وقتی سربرگ console باز می کنم با خطای زیر روبرو میشم:
error: jquery.js is not found
چجوری میتونم این خطا رو رفع کنم ؟
پاسخ هوش مصنوعی
خطای شما به این دلیل است که مسیر فایل جی کویری به درستی تعیین نشده است. شما در خط زیر از مسیر نسبی استفاده کرده اید:
<script src="wwwroot/css_js/bowercomponents/jquery/dist/jquery.min.js"></script>
با توجه به ساختار پروژه، بهتر است که مسیر فایل جی کویری را به صورت نسبی به صفحه HTML خود تنظیم کنید. به عنوان مثال، اگر فایل جی کویری در پوشه های موجود در پوشه root قرار دارد، مسیر باید با استخدام "/ " به صورت زیر اصلاح شود:
<script src="/wwwroot/css_js/bowercomponents/jquery/dist/jquery.min.js"></script>
همچنین می توانید از URL مستقیم جی کویری استفاده کنید تا از کارکرد آن اطمینان حاصل کنید:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
این کار باید مشکل شما را حل کند و بتوانید از جی کویری در پروژه خود استفاده کنید. پس از اضافه کردن یکی از این کدها، صفحه را بازنشانی کرده و دوباره بررسی کنید.
نحوه رفع خطای jquery.js is not found
خب دلیل این خطا تا حد زیادی واضح هست. میگه فایل jquery.js رو نمیتونه پیدا کنه. اگر شما این فایل رو دانلود کردید و در روت پروژه خودتون قرار دادید و در Layout پروژه هم لینک کردید پس احتمالا به درستی لینک نشده.
بهتره که دستور زیر رو تغییر بدید :
//اشتباه
<script src="wwwroot/css_js/bowercomponents/jquery/dist/jquery.min.js"></script>
//درست
<script src="~/css_js/bowercomponents/jquery/dist/jquery.min.js" type="text/javascript"></script>
نحوه تشخیص لینک شدن فایلهای جی کوئری به پروژه
برای اینکه بدونید فایل های جی کوئری به درستی به پروژه شما Link شده یا نه بعد از اجرای پروژه دکمه ترکیبی Ctrl + U رو بزنید. بعد از این کار View Page Sourse نمایش داده میشه. البته میتونید به جای زدن دکمه ترکیبی Ctrl + U روی صفحه کلیک راست کنید و گزینه ای که در تصویر زیر مشخص شده رو بزنید
حالا توی قسمتی که فایل جی کوئری رو به پروژه لینک کردید برید و روی لینک کلیک کنید. اگر خطا داد پس به درستی جی کوئری به پروژه لینک نشده اما اگر در یک صفحه جدید دستورات جی کوئری نمایش داده شد پس به درستی لینک انجام شده.
- آموزش استفاده از پلاگین گردونه شانس در Asp.net core به همراه سورس
- نمایش متن به صورت فرمت شده در CkEditor
- آموزش استفاده از SignalR در Asp.net Core با مثال عملی
- ادغام چند گزارش استیمول سافت بصورت پی دی اف در یک فایل
- نحوه تغییر استایل کامپوننت select2 چگونه است ؟
- چگونه امنیت پروژه را در Asp.net Core افزایش دهیم ؟
- ارسال پارامتر در دستور window.open جی کویری
- ارسال پارامتر از طریق جاوااسکریپت با کلیک روی تگ a
- خطای 500 زمان اجرا شدن پروژه روی هاست
- کویری نویسی در استیمول سافت جهت فیلتر اطلاعات
- حذف فایلها و دستورات Css و JavaScript اضافی
- جمع کردن (Collapse) منوی جانبی موقع لود فرم در پنل AdminLte
- دلیل خطای Identifier 'X' has already been declared در جی کویری چیست ؟
- جدا کردن سه رقم سه رقم اعداد در input با جاوااسکریپت
- محدود کردن تایپ عدد یا حروف با جاوا اسکریپت
- مقایسه بین فریم ورک های Angular و React.js و Vue js
- نمایش پیغام گرافیکی با جی کویری
- تفاوت Class Component و Functional Component در React.js چیست ؟
- پراپس (Props) در React.js چیست ؟
- مقایسه مقدار اینپوت باکس با type آن در جی کویری