رایموند
4 سال پیش توسط رایموند مطرح شد
19 پاسخ

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

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

ممنون میشم


تگ‌های محبوب
لاراول
php
laravel
متفرقه
reactjs
عمومی
html_css
nodejs
vuejs
وردپرس
پایتون
css
فلاتر
react
javascript
ثبت پرسش جدید
مهدی طهرانی
تخصص : cloud architect
@mtehrani 4 سال پیش مطرح شد
1

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


vahid Mohammadi
@viva.mohammadi 4 سال پیش آپدیت شد
1

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

<link href="path/to/select2.min.css" rel="stylesheet" />

در ضمن کلی مثال با کد در لینک زیر وجود داره که می تونید الگو بگیرید

http://select2.github.io/select2/

رایموند
تخصص : برنامه نویس وردپرس و جوجه برنا...
@endworld 4 سال پیش مطرح شد
1

@viva.mohammadi
درود...سی اس اس آن فراخوانی شده ولی مشکل جاوا اسکریپت هستش که فعال نمیشه


مهدی طهرانی
تخصص : cloud architect
@mtehrani 4 سال پیش آپدیت شد
1

@RaymondDragon
فایل jquery رو قبلش لود کردین؟
در ضمن کدتون رو توی $(document).ready بزارید
کنسول کروم رو هم چک کنید ببینید چه خطایی داره میده


رایموند
تخصص : برنامه نویس وردپرس و جوجه برنا...
@endworld 4 سال پیش آپدیت شد
1

@haghft
درود...
توی کنسول کروم این خطا می دهد:

$(document).ready(function() {
        $(".tags").select2();
    });

مهدی طهرانی
تخصص : cloud architect
@mtehrani 4 سال پیش مطرح شد
1

@RaymondDragon
چه خطایی میده؟
لطفا متن خطارو بزارید


رایموند
تخصص : برنامه نویس وردپرس و جوجه برنا...
@endworld 4 سال پیش مطرح شد
1

@haghft

Uncaught ReferenceError: $ is not defined
    at create:18

مهدی طهرانی
تخصص : cloud architect
@mtehrani 4 سال پیش مطرح شد
1

@RaymondDragon
جی کوئری شناخته نشده احتمال میدم کتابخانه jquery رو اصلا لود نکردین قبل از همه کتابخانه ها


مهدی رستگار
تخصص : توسعه دهنده frontend &amp;amp...
@rm.8968 4 سال پیش آپدیت شد
1

@RaymondDragon
از جی کوئری چه نسخه ای استفاده می کنی؟؟
از نسحه جی کوئری 1.11.1استفاده کن ببین جواب میده


رایموند
تخصص : برنامه نویس وردپرس و جوجه برنا...
@endworld 4 سال پیش آپدیت شد
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">

علیرضا ساجدی
تخصص : Laravel,Vuejs
@alireza2000sajedi 4 سال پیش آپدیت شد
1

سلام
از این کد انلاین استفاده کن

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

رایموند
تخصص : برنامه نویس وردپرس و جوجه برنا...
@endworld 4 سال پیش مطرح شد
1

@alireza2000sajedi
درود...
تغییری نکرد :(


علیرضا ساجدی
تخصص : Laravel,Vuejs
@alireza2000sajedi 4 سال پیش مطرح شد
1

@RaymondDragon
از همه کد هاتون عکس بفرستن لطفا


رایموند
تخصص : برنامه نویس وردپرس و جوجه برنا...
@endworld 4 سال پیش مطرح شد
علیرضا ساجدی
تخصص : Laravel,Vuejs
@alireza2000sajedi 4 سال پیش مطرح شد
2

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

https://select2.org/

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


رایموند
تخصص : برنامه نویس وردپرس و جوجه برنا...
@endworld 4 سال پیش آپدیت شد
1

@alireza2000sajedi

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


مهدی رستگار
تخصص : توسعه دهنده frontend &amp;amp...
@rm.8968 4 سال پیش مطرح شد
2

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


مهدی طهرانی
تخصص : cloud architect
@mtehrani 4 سال پیش مطرح شد
1

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


رایموند
تخصص : برنامه نویس وردپرس و جوجه برنا...
@endworld 4 سال پیش آپدیت شد
1

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


مهدی طهرانی
تخصص : cloud architect
@mtehrani 4 سال پیش مطرح شد
2

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام