无法在 Laravel 中使用 Jquery UI

prg*_*grm 5 jquery laravel

我在 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)

des*_*tbg 6

我需要从 jquery-ui 自动完成

  1. 跑 npm install jquery-ui --save-dev
  2. 添加里面

your-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 插件


Vai*_*ham 4

你有一个全局的 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)

希望对您有帮助!