javascript - 为什么外部 js 文件在 laravel 5.6 中不起作用?
问题描述
以下外部sidemenu bar blade file
正在使用laravel 5.6
<div class="list-group">
<a href="#" class="list-group-item active"><i class="fa fa-key"></i> <span>App Settings</span></a>
<a href="{{route('vehicles.myads')}}" class="list-group-item" ><i class="fa fa-credit-card"></i> <span>My Ads</span></a>
<a href="#" class="list-group-item"><i class="fa fa-question-circle"></i> <span>Support</span></a>
<a href="#" class="list-group-item"><i class="fa fa-arrow-circle-o-left"></i> <span>Sandbox Account</span></a>
<a href="#" class="list-group-item"><i class="fa fa-book"></i> <span>QuickStart Overview</span></a>
<a href="#" class="list-group-item"><i class="fa fa-compass"></i> <span>Documentation</span></a>
</div>
这些是stylesheets
的sidemenu bar blade file
,
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
和sidebar.js
文件,
$(document).ready(function() {
$('.list-group-item').click(function(e) {
e.preventDefault();
$('.list-group-item').removeClass('active');
$(this).addClass('active');
});
});
上面的js
文件使用高亮当前页面,上面的代码在我的刀片文件中使用如下,
@extends('layouts.app')
<script src="{{ url('/js/sidebar.js') }}"></script>
@section('head')
<link rel="stylesheet" href="{{ asset('css/sidebar.css') }}">
@endsection
@section('content')
<div class="container">
<div class="row">
@include('_includes.nav.sidebar')
<div class="col-md-5 col-md-offset-1">
@include('layouts.partials.alerts')
@forelse( $vehicles as $vehicule )
@if( $vehicule->uploads->count() > 0 )
<a href="{{ route('vehicles.show', $vehicule->id) }}">
@php
$upload = $vehicule->uploads->sortByDesc('id')->first();
@endphp
<img src="/images/{{ $upload->resized_name }}"></a>
{{$vehicule->provincename}}
{{$vehicule->milage}}
<br>
<td><a class="button is-outlined" href="{{route('vehicles.edit',$vehicule->id.'/edit/')}}" >Edit</a></td>
<td><a class="button is-outlined" href="/myads/{{$vehicule->id}}/delete" onclick="return confirm('Are you sure to want to delete this record?')" >Delete</a></td>
</a>
<hr>
@endif
@empty
<td>No Advertisment to display.</td>
@endforelse
</div>
</div>
</div>
@endsection
但是在我上面的文件中,当前的刀片文件没有被突出显示。出了什么问题,如何解决?
解决方案
推荐阅读
- android - Ble:从 Android 向 iOS 发送广告数据
- asp.net-core - Web API EF Core 异常被吞下?
- ubuntu - 我在使用 mkvirtualen 时遇到问题,我该如何继续?
- azure - Azure VM 在未通过远程桌面连接时暂停正在运行的软件
- vue.js - 在 Vue 应用程序中嵌入 GrapesJS MJML
- swift - 我们如何在 swift 中发送 BOOL 来代替 httpBody 中的(JSON 或数据),简而言之,我想发送 true 来代替 {value : true}?
- ios - Godot ios模板构建-运行时错误EXC_BAD_ACCESS
- html - 页面底部很难用,当我滚动时,底部有一个空白
- javascript - htmlWebPack 插件 publicPath 未按预期工作
- javascript - 如何在 vuejs 中更新页面