javascript - HTML 模板不会根据页面 URL 加载。这是为什么?

标签 javascript css html laravel

这是我的正常 UI 显示详细信息。 URL http://127.0.0.1:8000/userregister

enter image description here

但是,如果我按下 See Here 按钮,它会进入新 View ,该 View 扩展了 View 上方使用的所有 CSSJS 函数。因此,新 View 看起来像这样。

这是新的URL: http://127.0.0.1:8000/Seedetails/MOB/TR/1743

enter image description here

这不适用于这种情况,所有其他情况都是如此。有人可以帮我吗?

最佳答案

<!DOCTYPE html>
<html lang="{{ config('app.locale') }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Training Management</title>
    <meta name="description" content="Free Bootstrap Theme by BootstrapMade.com">
    <meta name="keywords"
          content="free website templates, free bootstrap themes, free template, free bootstrap, free website template">

    <link rel="stylesheet" type="text/css"
          href="https://fonts.googleapis.com/css?family=Roboto:400,300|Raleway:300,400,900,700italic,700,300,600">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/jquery.bxslider.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/animate.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}"/>
    {!! Charts::assets() !!}

</head>
<body>

<div class="loader"></div>
<div id="myDiv">
    <!--HEADER-->
    <div class="header">
        <div class="bg-color">
            <header id="main-header">
                <nav class="navbar navbar-default navbar-fixed-top">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="home#">MOB<span class="logo-dec">ITEL</span></a>
                        </div>
                        <div class="collapse navbar-collapse" id="myNavbar">
                            <ul class="nav navbar-nav navbar-right">

                                <li class=""><a href="#feature">Trainee Details</a></li>
                                <li class=""><a href="#service">User Registration</a></li>
                                <li class=""><a href="#portfolio">Downloads</a></li>
                                <li class=""><a href="#testimonial">Certificate & Evaluation</a></li>
                                <li class=""><a href="#blog">Training Programs</a></li>
                                <li class=""><a href="#contact">Contact Us</a></li>

                                <ul class="nav navbar-nav navbar-right">
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false">
                                            {{ Auth::user()->name }} <span class="caret"></span>
                                        </a>

                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="{{ route('logout') }}"
                                                   onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                                    Logout
                                                </a>

                                                <form id="logout-form" action="{{ route('logout') }}" method="POST"
                                                      style="display: none;">
                                                    {{ csrf_field() }}
                                                </form>


                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </ul>
                        </div>
                    </div>
                </nav>
            </header>


            <div class="wrapper">
                <div class="container">
                    <div class="row">
                        <div class="banner-info text-center wow fadeIn delay-05s">
                        </div>
                    </div>
                </div>
            </div>


            @yield('content')

        </div>


        <footer id="footer">
            <div class="container">
                <div class="row text-center">
                    <p>&copy; All Rights Reserved.</p>
                    <div class="credits">

                    </div>
                </div>
            </div>
        </footer>
    </div>


</div>


<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/jquery.easing.min.js') }}"></script>
<script src="{{ asset('js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/wow.js') }}"></script>
<script src="{{ asset('js/jquery.bxslider.min.js') }}"></script>
<script src="{{ asset('js/custom.js') }}"></script>
<script src="{{ asset('contactform/contactform.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery.js') }}"></script>

</body>
</html>

试试这个

关于javascript - HTML 模板不会根据页面 URL 加载。这是为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44733723/

相关文章:

javascript - Bootstrap 中的选项卡中的选项卡中的嵌套选项卡

css - 存在外部链接时,SVG css3 过渡填充不起作用

javascript - 检测到跨度时未选择下一个输入元素

html - 使用文章元素时 z-index 无法正常工作

javascript - 在iframe上绑定(bind)点击事件?

javascript - 根据时间对 JSON JS 对象进行排序

CSS 过渡效果使图像模糊/移动图像 1px,在 Chrome 中?

段落每一行之间的CSS间隙

javascript - JQuery 选择器 : How to get a img id that have an one and only one attribute

javascript - 用于并行加载依赖数据源的 Coffeescript/Javascript 设计模式