فراخوانی جاوا اسکریپت

درود دوستان...
من می خوام از کتابخانه 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

ممنون میشم

بهترین پاسخ

انتخاب شده توسط پایان جهان

آفلاین

مهدی طهرانی

3 سال پیش

@RaymondDragon
دوست گرامی اون خطی که app.js رو لود کردی کامنتش کن یا پاکش کن یعنی غیرفعالش کن به هر صورت، احتمال زیاد درست میشه

@RaymondDragon
سلام یه فایل  css  هم هست که باید لینک کنید
مثل کد زیر

<link href="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
چه خطایی میده؟
لطفا متن خطارو بزارید

@haghft

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="{{ 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
از همه کد هاتون عکس بفرستن لطفا

@alireza2000sajedi

http://s8.picofile.com/file/8340202542/Capture1111.PNG
http://s9.picofile.com/file/8340202576/Capture22222.PNG
http://s9.picofile.com/file/8340202550/Capture3333.PNG
http://s9.picofile.com/file/8340202584/Capture444444.PNG

@RaymondDragon
بنظرم درسته ولی بازم به این سایت سری بزن

https://select2.org/

یه پروژه جدید بساز
از لینک های آنلاین خودش استفاده کن
و از مثال ها کپی کن تست بزن

@alireza2000sajedi

select2 دهنم سرویس کرد که از بس تست کردم..
نمی دونم مشکل از کجاست...
دوباره از نو امتحان می کنم...
ممنون از جوابت...

@RaymondDragon
بازم میگم از نسخه جی کوئری نسخه 1.11.1 استفاده کن ببین با این نسخه جواب میگیری
اگه جواب نگرفتی inspect element کن ببین چه خطایی رو داری یا اینکه ctrl+u رو بزن برو تو سورس برنامه ببین میزنی رو لینک فراخونی های جی کوئری یا select2 ببین میره به فایل مربوطه یا نه اگه نمیره که مسلما فراخونی هات مشکل داره

@RaymondDragon
دوست گرامی اون خطی که app.js رو لود کردی کامنتش کن یا پاکش کن یعنی غیرفعالش کن به هر صورت، احتمال زیاد درست میشه

@rm.8968
درود...با جی کوءری نسخه ۳.۳.۱ کار کرد
@haghft
ممنون درست شد...در ضمن app.js توی لاراول کاربرد نداره؟

@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.