Turbolinks JS结构
Turbolinks JS结构
提问于 2016-08-12 04:20:23
我正在尝试在Laravel 5.2应用程序中使用Turbolinks，考虑到一些页面需要额外的JS，所以有一些js错误。我不知道如何加载页面特定的JS，首先加载什么(在head部分还是在content部分之后？)
这是我当前的主布局：
<!DOCTYPE html>
<html>
<head>
<title>@yield('title')</title>
<!-- Load CSS -->
@include('assets.css')
<!-------------->
<!-- Load jQuery -->
<script src="{{ URL::asset('js/jquery-2.1.4.min.js')}}"></script>
<script src="{{URL::asset('js/jquery.turbolinks.min.js')}}"></script>
<script src="{{URL::asset('js/jquery.address.js')}}"></script>
@yield('head')
<script src="{{ URL::asset('js/turbolinks.js')}}"></script>
<!----------------->
</head>
<body>
<!-- Load Navbar -->
@include('elements.html.navbartop')
<!----------------->
<div class="pusher">
<div id="content" class="ui main container" style="margin: 85px 0 50px 0">
<!-- Load Content -->
@yield('content')
<!------------------>
</div>
</div>
<!-- Load Footer -->
@include('elements.html.footer')
<!----------------->
<!---->
<script src="{{ URL::asset('js/semantic.min.js')}}"></script>
<!--------------------->
<script>
@include('ajax.search') // searchbar ajax
</script>
</body>
</html>现在是不同的页面：
@extends('layout.master')
@section('title', 'Dashboard')
@section('head')
<script>
$(document).ready(function () {
$('element').dowhatever;
});
</script>
@endsection
@section('content')
....
@endsection回答 2
Stack Overflow用户
回答已采纳
发布于 2016-08-12 23:04:33
应该像这样使用turbolinks load事件，而不是使用$(document).ready事件：
document.addEventListener("turbolinks:load", function() {
$('element').dowhatever;
});此外，您还需要了解Turbolinks 5的工作方式，因为在初始页面加载时加载和评估任何脚本，然后将其附加到当前head元素。
Stack Overflow用户
发布于 2016-08-12 08:46:35
我建议并建议在页面底部调用JS脚本，您的文件应该如下所示：
<html>
<head>
<title>@yield('title')</title>
<!-- Load CSS -->
@include('assets.css')
<!-------------->
</head>
<body>
<!-- Load Navbar -->
@include('elements.html.navbartop')
<!----------------->
<div class="pusher">
<div id="content" class="ui main container" style="margin: 85px 0 50px 0">
<!-- Load Content -->
@yield('content')
<!------------------>
</div>
</div>
<!-- Load Footer -->
@include('elements.html.footer')
<!----------------->
<!---->
<!-- Load jQuery -->
<script src="{{ URL::asset('js/jquery-2.1.4.min.js')}}"></script>
<script src="{{ URL::asset('js/semantic.min.js')}}"></script>
<script src="{{URL::asset('js/jquery.turbolinks.min.js')}}"></script>
<script src="{{URL::asset('js/jquery.address.js')}}"></script>
@yield('head')
<script src="{{ URL::asset('js/turbolinks.js')}}"></script>
<!----------------->
<!--------------------->
<script>
@include('ajax.search') // searchbar ajax
</script>
</body>
</html>在Turbolinks之前也加载语义。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38905435
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号