2015-05-20 21 views
0

我在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>&copy;@DateTime.Now.Year-Erez Gershon</p> 
     </div> 
    </div> 
</footer> 

感謝全部

+0

腳本文件存在哪個目錄中? –

+0

你有重複的腳本('@ Scripts.Render(「〜/ bundles/jquery-1.8.2.js」)'''@ Scripts.Render(「〜/ bundles/jquery」)')並且重複了@RenderSection ()'將你的所有腳本渲染到一個地方(在''或緊接在''標籤之前),並且以正確的順序 –

+0

它們在腳本文件夾 腳本(@ Scripts.Render(「〜/ bundles /jquery-1.8.2.js「)和@ Scripts.Render(」〜/ bundles/jquery「))通過defualt mvc和te渲染部分顯示,但我可以刪除,如果多數民衆贊成我需要 – Erez

回答

1

For this line to working @Scripts.Render("~/bundles/MyScript.js")您必須註冊MyScript.js以捆綁在BundleConfig.cs文件中。

bundles.Add(new ScriptBundle("~/bundles/MyScript.js").Include(
        "~/Scripts/MyScript.js")); // make sure that this is your path to MyScript.js 

如果你想使用@RenderSection("MyScript", required: false),那就是將在視圖中呈現,就像下面的部分。但是,如果您想添加MyScript.js,則必須在section內包含該行代碼。

@section MyScript { 
    @Scripts.Render("~/bundles/MyScript.js") 
} 

注:你在你的項目中添加要與@Scripts.Render你有BundleConfig包括使用它的每一個新的腳本。

+0

我必須他們兩個?如果我註冊我的腳本捆綁我不需要使用rendersection? – Erez

+0

@Erez你不需要使用'RenderSection',這是爲了另一個目的。要包含你的'