在Laravel中無法使用Jquery UI

我在Laravel中有全局的Jquery，但是我也想包含Jquery UI。在Laravel中無法使用Jquery UI

我有刀模板是這樣的：

@section('scripts') 
<script src="/assets/admin/js/sessions/myjavascript.js"></script> 
@stop 

content...

Myjavascript.js：

$(document).ready(function() { 
    if (jQuery.ui) { 
     alert("loaded"); 
    } 
});

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>

來源

2017-02-20 prgrm

你能告訴我們你的刀片的其他文件上的UI插件？像主模板一樣，所有的部分都包含在內，你正在使用的所有部分和laravel的版本？ –

您是否爲jquery.ui添加了腳本 –

似乎您的JqueryUI沒有被正確包含 – Imran

你有一個jquery全球，這意味着你已經通過NPM把它。如果是這樣，那麼你可以通過NPM拉jQuery的用戶界面，如下

npm install jquery-ui

否則，您可以使用CDN鏈接在你的如下頁面

頭包括CSS

@section('styles') 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" /> 
@endsection

刀片

@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

希望它可以幫助你！

來源

2017-02-20 11:10:50

答案更新爲您的問題已更新。（已更新刀片模板） –

首先確保你正確加載你的jquery.ui（1種方法是使用cdn作爲Vaibhavraj Roham建議）。

然後當你確保你加載它正確試試這個：

我不知道你是如何得到你的意見成立，但機會是你在其他子視圖使用部分scripts以及它覆蓋了這一個。

嘗試這樣做（加入@parent）：

@section('scripts') 
@parent 
<script src="/assets/admin/js/sessions/myjavascript.js"></script> 
@stop

來源

2017-02-20 11:17:22 devk

從jQuery的UI試試這個

@push('scripts') 
<script src="/assets/admin/js/sessions/myjavascript.js"></script> 
<script> 
$(document).ready(function() { 
    if (jQuery.ui) { 
     alert("loaded"); 
    } 
}); 
</script> 
@endpush

來源

2017-02-20 11:29:41

我需要自動完成

運行npm install jquery-ui --save-dev
添加 import 'jquery-ui/themes/base/all.css'; import 'jquery-ui/ui/widgets/autocomplete.js';

您的應用程序內定位/資源/資產/ JS內/ app.js 這樣，您將擁有的每一頁

來源

2018-02-19 15:36:44 despotbg

在Laravel中無法使用Jquery UI

回答

相關問題