我在 Laravel 中全局使用 Jquery,但是我也想包含 Jquery UI。
我有一个这样的刀片模板:
@section('scripts')
<script src="/assets/admin/js/sessions/myjavascript.js"></script>
@stop
content...
Run Code Online (Sandbox Code Playgroud)
我的javascript.js:
$( document ).ready(function() {
if (jQuery.ui) {
alert("loaded");
}
});
Run Code Online (Sandbox Code Playgroud)
jQuery.ui 不存在。我该如何实施?
编辑这里是扩展刀片:
<!DOCTYPE html>
<html>
<head>
<title>Mysite</title>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
<script src="/assets/admin/js/core/pace.js"></script>
<link href="/assets/admin/css/styles.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width,initial-scale=1">
@yield('styles')
</head>
<body id="app" class="layout-horizontal skin-default">
@include('admin.layouts.partials.notifs')
@include('admin.layouts.partials.header')
<div class="mobile-menu-overlay"></div>
@include('admin.layouts.partials.header-bottom')
@yield('content')
@include('admin.layouts.partials.footer')
@include('admin.layouts.partials.skintools')
<script src="/assets/admin/js/core/plugins.js"></script>
<script src="/assets/admin/js/demo/skintools.js"></script>
@yield('scripts')
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我需要从 jquery-ui 自动完成
npm install jquery-ui --save-devyour-app-location /resources/assets/js/app.js:
import 'jquery-ui/themes/base/all.css';
import 'jquery-ui/ui/widgets/autocomplete.js';
Run Code Online (Sandbox Code Playgroud)
这样你就会在每个页面上都有 ui 插件
你有一个全局的 jquery,这意味着你已经通过 npm 拉取了它。如果是这样,那么你可以通过 npm 拉取 jquery-ui,如下所示
npm install jquery-ui
Run Code Online (Sandbox Code Playgroud)
否则,您可以在页面中使用 cdn 链接,如下所示
在 HEAD 中包含 css
@section('styles')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" />
@endsection
Run Code Online (Sandbox Code Playgroud)
在刀片中
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="/assets/admin/js/sessions/myjavascript.js"></script>
@stop
Run Code Online (Sandbox Code Playgroud)
希望对您有帮助!