عرض سلام و خسته نباشید خدمت اساتید عزیز من از لاراول 8 استفاده میکنم وقتی دستورات جاوا اسکریپت را داخل فایل blade.php مینویسم دستورات برام اجرا نمیشن ولی داخل فایل js هیچ مشکلی ندارن و کار میکنن میخوام بدونم علت کار نکردن دستورات جاوا اسکریپت در فایل های blade.php چیه البته داخل فایل های blade.php هیچ خطای ندارم
اینم دستوراتی که نوشتم :
@section('head')
<link rel="stylesheet" href="https://roocket.ir/{{ asset('slick/slick.css') }}"/>
<link rel="stylesheet" href="https://roocket.ir/{{ asset('slick/slick-theme.css') }}"/>
@endsection
@section('footer')
<script type="text/javascript" src="{{ asset('slick/slick.js') }}"></script>
<script>
$('.product_list').slick({
speed: 900,
slidesToShow: 4,
slidesToScroll: 3,
rtl:true,
infinite: false
});
</script>
@endsection
داخل پوشه Layouts و قسمت Shop.blade.php اگه همین دستورات جاوا بنویسم برام اجرا میشن ولی نمیخام داخل این صفحه بنویسم
اینم کدهای shop.blade.php :
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>فروشگاه اینترنتی اهواز شاپ</title>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<link href="https://roocket.ir/{{ asset('css/app.css') }}" rel="stylesheet">
@yield('head')
<link href="https://roocket.ir/{{ asset('css/shop.css') }}" rel="stylesheet">
<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/shop.js') }}" type="text/javascript"></script>
</head>
<body>
<div id="app">
<div class="header">
<a href="https://roocket.ir/{{ url('') }}">
<img src="{{ asset('files/images/ahwazshop.jpg') }}" class="ahwazshop_logo">
</a>
<div class="header_row">
<div class="input-group header_search">
<input type="text" class="form-control" placeholder="جستجو در اهواز شاپ" aria-label="Username" aria-describedby="basic-addon1">
<span class="input-group-text" id="basic-addon1">جستجو</span>
</div>
<div class="header_acation">
<div class="dropdown">
<div class="header_login_singup" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<span>ورود/ثبت نام</span>
<span class="fa fa-angle-down"></span>
</div>
<div class="dropdown-menu header_menu_box" aria-labelledby="dropdownMenuButton">
@if (Auth::check())
@if(Auth::user()->role_id>0 || Auth::user()->role=='admin')
<a class="dropdown-item admin" href="https://roocket.ir/{{ url('admin') }}">
پنل مدیریت
</a>
@endif
@else
<a class="btn btn-primary" href="https://roocket.ir/{{ url('login') }}">ورود به اهواز شاپ</a>
<div class="register-link">
<span>کاربر جدید هستید؟</span>
<a class="links" href="https://roocket.ir/{{ url('register') }}">ثبت نام</a>
</div>
<div class="dropdown-divider"></div>
@endif
<a class="dropdown-item profile" href="https://roocket.ir/{{ url('profile')}}">
پروفایل
</a>
<a class="dropdown-item orders" href="https://roocket.ir/{{ url('profile/orders')}}">
پیگیری سفارشات
</a>
@if (Auth::check())
<div class="dropdown-divider"></div>
<a class="dropdown-item logout">
خروج از پنل کاربری
</a>
@endif
</div>
</div>
<div class="header_divider"></div>
<div class="cart_header_box">
<div class="btn-cart">
<span id="product_cart_box" data-counter="۰">سبد خرید</span>
</div>
</div>
</div>
</div>
</div>
@include('include.CategoryList',['CatList'=>$CatList])
<div class="container-fluid">
@yield('content')
</div>
</div>
@yield('footer')
<script src="{{ asset('js/ShopVue.js') }}" type="text/javascript"></script>
</body>
</html>
</body></html>
وقت بخیر
آیا jquery رو اضافه کردید ؟ من تو سورس ندیدم
@mahdidv بله جناب مهدی این کارو کردم در بخش فوتر اضافه کردم ولی باز برام کار نکرد و برداشتمش وقتی روی view page source کلیک میکنم jquery فراخوانی شده اما slick.js فراخوانی نمیشه
شاید پاسخ شما همینجا باشد
@mahdidv
@hamedniroomand خسته نباشید مهندس جان بله اگه alert کنم باز اجرا نمیشه و مشکل نمیدونم از کجاست
دستوری که برام گفتن قبلش بررسی کردم باز کار نمیکنه و فقط داخل فایل js کار میکنه
@mahdidv
@hamedniroomand
خسته نباشید اساتید عزیز مشکلم حل شد مشکل از ته اخر بود اسکریپت رو اول صفحه قرار دادم و الان داره کار میکنه و هیچ مشکلی نداره و کد ها رو اینجوری گذاشتم :
@extends('layouts.shop')
@section('footer')
<script type="text/javascript" src="{{ asset('slick/slick.js') }}"></script>
<script>
$('.product_list').slick({
speed: 900,
slidesToShow: 4,
slidesToScroll: 3,
rtl:true,
infinite: false
});
</script>
@endsection
و بقیه کدها ادامه دارن که تست کردم و خداروشکر کار کرد