اجرا نشدن دستورات جاوا اسکریپت در فایل های blade.php
عرض سلام و خسته نباشید خدمت اساتید عزیز من از لاراول 8 استفاده میکنم وقتی دستورات جاوا اسکریپت را داخل فایل blade.php مینویسم دستورات برام اجرا نمیشن ولی داخل فایل js هیچ مشکلی ندارن و کار میکنن میخوام بدونم علت کار نکردن دستورات جاوا اسکریپت در فایل های blade.php چیه البته داخل فایل های blade.php هیچ خطای ندارم
اینم دستوراتی که نوشتم :
@section('head')
<link rel="stylesheet" href="{{ asset('slick/slick.css') }}"/>
<link rel="stylesheet" href="{{ 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="{{ asset('css/app.css') }}" rel="stylesheet">
@yield('head')
<link href="{{ 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="{{ 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="{{ url('admin') }}">
پنل مدیریت
</a>
@endif
@else
<a class="btn btn-primary" href="{{ url('login') }}">ورود به اهواز شاپ</a>
<div class="register-link">
<span>کاربر جدید هستید؟</span>
<a class="links" href="{{ url('register') }}">ثبت نام</a>
</div>
<div class="dropdown-divider"></div>
@endif
<a class="dropdown-item profile" href="{{ url('profile')}}">
پروفایل
</a>
<a class="dropdown-item orders" href="{{ 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>
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
فقط این تکه کد اجرا نمیشه یا هیچ دستور جاوااسکریپتی کار نمیکنه؟ مثلا اگر از alert یا console.log استفاده کنید باز هم اجرا نمیشن؟
اگر کدهای دیگه اجرا میشن، بهتره کد کانفیگ slick خودتون رو داخل ready در jquery بنویسید:
$(document).ready(() => {
//
})@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 و بقیه کدها ادامه دارن که تست کردم و خداروشکر کار کرد