فراخوانی جاوا اسکریپت
درود دوستان...
من می خوام از کتابخانه select2 برای ایجاد دسته بندی استفاده کنم ولی هر کاری می کنم نمی تونم جاوااسکریپت این کتابخانه فعال کنم...
کد زیر:
<script src="{{ asset('js/bootstrap.min.js') }}" defer></script>
<script src="{{ asset('js/select2.min.js') }}" defer></script>
@yield('script')@section('script')
<script type="text/javascript">
$('.tags').select2();
</script>
@endsectionممنون میشم
پاسخها
19
@RaymondDragon
دوست گرامی اون خطی که app.js رو لود کردی کامنتش کن یا پاکش کن یعنی غیرفعالش کن به هر صورت، احتمال زیاد درست میشه
@RaymondDragon
سلام یه فایل css هم هست که باید لینک کنید
مثل کد زیر
<link href="https://roocket.ir/path/to/select2.min.css" rel="stylesheet" />در ضمن کلی مثال با کد در لینک زیر وجود داره که می تونید الگو بگیرید
http://select2.github.io/select2/
@viva.mohammadi
درود...سی اس اس آن فراخوانی شده ولی مشکل جاوا اسکریپت هستش که فعال نمیشه
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
@RaymondDragon
فایل jquery رو قبلش لود کردین؟
در ضمن کدتون رو توی $(document).ready بزارید
کنسول کروم رو هم چک کنید ببینید چه خطایی داره میده
@haghft
درود...
توی کنسول کروم این خطا می دهد:
$(document).ready(function() {
$(".tags").select2();
});@RaymondDragon
چه خطایی میده؟
لطفا متن خطارو بزارید
Uncaught ReferenceError: $ is not defined
at create:18@RaymondDragon
جی کوئری شناخته نشده احتمال میدم کتابخانه jquery رو اصلا لود نکردین قبل از همه کتابخانه ها
@RaymondDragon
از جی کوئری چه نسخه ای استفاده می کنی؟؟
از نسحه جی کوئری 1.11.1استفاده کن ببین جواب میده
@viva.mohammadi
@haghft
@rm.8968
درود...جی کوءری و سی اس اس درست فراخوانی کردم درست نشد...
اینم خطای زیر:
http://s9.picofile.com/file/8340200784/Captureddddd.png
<script src="{{ asset('js/jquery-3.3.1.min.js') }}" defer></script>
<script src="{{ asset('js/select2.min.js') }}" defer></script>
<link href="https://roocket.ir/{{ asset('css/select2.min.css') }}" rel="stylesheet">
سلام
از این کد انلاین استفاده کن
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>@alireza2000sajedi
درود...
تغییری نکرد :(
@RaymondDragon
از همه کد هاتون عکس بفرستن لطفا
@RaymondDragon
بنظرم درسته ولی بازم به این سایت سری بزن
https://select2.org/یه پروژه جدید بساز
از لینک های آنلاین خودش استفاده کن
و از مثال ها کپی کن تست بزن
select2 دهنم سرویس کرد که از بس تست کردم..
نمی دونم مشکل از کجاست...
دوباره از نو امتحان می کنم...
ممنون از جوابت...
@RaymondDragon
بازم میگم از نسخه جی کوئری نسخه 1.11.1 استفاده کن ببین با این نسخه جواب میگیری
اگه جواب نگرفتی inspect element کن ببین چه خطایی رو داری یا اینکه ctrl+u رو بزن برو تو سورس برنامه ببین میزنی رو لینک فراخونی های جی کوئری یا select2 ببین میره به فایل مربوطه یا نه اگه نمیره که مسلما فراخونی هات مشکل داره
@RaymondDragon
توضیحات مستندات لاراول(ببخشید حوصله ترجمه نداشتم) :
By default, the Laravel webpack.mix.js file compiles your SASS and the resources/js/app.js file. Within the app.js file you may register your Vue components or, if you prefer a different framework, configure your own JavaScript application. Your compiled JavaScript will typically be placed in the public/js directory.
The app.js file will load the resources/js/bootstrap.js file which bootstraps and configures Vue, Axios, jQuery, and all other JavaScript dependencies. If you have additional JavaScript dependencies to configure, you may do so in this file.