這是我的正常UI
顯示細節。 URL
這是http://127.0.0.1:8000/userregister根據頁面URL,HTML模板沒有加載。爲什麼?
但是,如果我按在這裏看到的按鈕,它移動到其延長上述觀點所使用的所有CSS
和JS
功能的新觀點。所以,新視圖看起來像這樣。
這裏是新URL
:http://127.0.0.1:8000/Seedetails/MOB/TR/1743
這不是這種情況下,所有其他類似案例。有人能幫我一下嗎 ?
這是我的正常UI
顯示細節。 URL
這是http://127.0.0.1:8000/userregister根據頁面URL,HTML模板沒有加載。爲什麼?
但是,如果我按在這裏看到的按鈕,它移動到其延長上述觀點所使用的所有CSS
和JS
功能的新觀點。所以,新視圖看起來像這樣。
這裏是新URL
:http://127.0.0.1:8000/Seedetails/MOB/TR/1743
這不是這種情況下,所有其他類似案例。有人能幫我一下嗎 ?
<!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>© 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>
試試這個
這對我來說很好 – Dasun
你的css和js文件不包含在頁面中,你可以用這種方式包含它。
<script type="text/javascript" src="{{ asset('js/jquery.js') }}"></script>
讓我們在laravel的app/public文件夾中創建js目錄。你必須把jquery.js
文件。功能asset()
爲您生成必要的網址。對於CSS文件
相同的過程:
<link rel="stylesheet" href="{{ asset('css/style.css') }}" />
希望這會幫助你。
我不明白函數asset()爲你生成必要的url。你可以解釋一下嗎? – Dasun
根據你的方式css loaded.but js沒有加載 – Dasun
1)'asset()'函數產生加載css,js的路徑。 2)如果js沒有加載,則嘗試'
你檢查瀏覽器的網絡電話和檢查所需的CSS加載與否? –
小提琴也許?所有的CSS文件加載正確嗎? – gauravmuk
用戶資產()方法來鏈接您的CSS或JS文件.. –