我在MyScript.js中編寫了js代碼,以及在頁面加載時如何讓腳本運行? 以及我如何讓腳本文件在我的mvc中運行? 我希望我能得到一個確切的答案,並理解這很好。 當我做了常規HTML而不是在MVC它工作得很好 兩個JS文件我想用的如何在mvc中使用腳本。不是內嵌腳本
1. jquery.zaccordion.js
2. MyScript.js
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery-1.8.2.js")
@Scripts.Render("~/bundles/jquery.zaccordion.js")
@Scripts.Render("~/bundles/MyScript.js")
@RenderSection("scripts", required: false)
@RenderSection("MyScript", required: false)
</head>
<body>
<header>
<div class="site-logo">
<img class="img-logo-size" src="Images/logo.png" alt="" />
</div>
<div class="manu">
<div class="nav-tabs">
<div class="hoverBtn">@Html.ActionLink("Home", "Index", "Home")</div>
<div class="hoverBtn">@Html.ActionLink("About", "About", "Home")</div>
<div class="hoverBtn">@Html.ActionLink("Contact","Contact","Home")</div>
</div>
</div>
<div class="slider-border">
<ul id="splash">
<li>
<img class="img-size" src="../Images/TM-front-image-World-network.jpg" alt="" />
<div>
<strong>Old School Diner</strong>
<p class="splash-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porttitor lacus sollicitudin ligula sagittis a ultricies nulla ultricies. Ut odio nisi, posuere sed blandit at, bibendum non dolor.</p>
</div>
</li>
<li>
<img class="img-size" src="../Images/banner-your-it-11.jpg" alt="" />
<div>
<strong>A Day at the Pool</strong>
<p class="splash-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in condimentum sem. Aenean faucibus dignissim auctor. In ut libero vitae augue laoreet iaculis at a tellus.</p>
</div>
</li>
<li>
<img class="img-size" src="../Images/network1.png" alt="" />
<div>
<strong>Fill it Up!</strong>
<p class="splash-text">Duis viverra velit orci. Sed vestibulum mi nec est imperdiet sed ullamcorper augue molestie. Donec ultrices facilisis erat at porttitor.</p>
</div>
</li>
<li>
<img class="img-size" src="../Images/1338453958network_header.jpg" alt="" />
<div>
<strong>Going for a Drive</strong>
<p class="splash-text">Phasellus sed lectus nisl, eget cursus eros. Suspendisse posuere orci eu lorem luctus et porta nunc posuere. Cras sed lectus vitae leo accumsan adipiscing.</p>
</div>
</li>
</ul>
</div>
</header>
<div class="page-wrap">
@RenderBody()
@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)
@RenderSection("MyScript", required: false)
</div>
<footer>
<div class="site-footer">
<div class="float-left">
<p>©@DateTime.Now.Year-Erez Gershon</p>
</div>
</div>
</footer>
感謝全部
腳本文件存在哪個目錄中? –
你有重複的腳本('@ Scripts.Render(「〜/ bundles/jquery-1.8.2.js」)'''@ Scripts.Render(「〜/ bundles/jquery」)')並且重複了@RenderSection ()'將你的所有腳本渲染到一個地方(在'
'或緊接在''標籤之前),並且以正確的順序 –它們在腳本文件夾 腳本(@ Scripts.Render(「〜/ bundles /jquery-1.8.2.js「)和@ Scripts.Render(」〜/ bundles/jquery「))通過defualt mvc和te渲染部分顯示,但我可以刪除,如果多數民衆贊成我需要 – Erez