JQuery ready函數在視圖內呈現時不會執行

只是一個標準的MVC站點，但是我試圖在文檔就緒處理程序中添加一個JQuery到我的主視圖，而不是我的佈局頁面，並發現當我這樣做時它不會執行它。JQuery ready函數在視圖內呈現時不會執行

佈局頁：

<!DOCTYPE html> 

<html> 
    <head lang="en"> 
     <meta charset="utf-8" /> 
     <title>@ViewBag.Title</title> 
     <link href="@Url.Content("~/Content/Reset.css")" rel="stylesheet" type="text/css" /> 
     <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> 
     <script src="@Url.Content("~/Scripts/modernizr-2.5.3.min.js")" type="text/javascript"></script> 
     <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script> 
     <script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.min.js")" type="text/javascript"></script> 
     <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script> 
     <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
     <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
     @RenderSection("Head"); 
    </head> 

    <body> 
     <header id="header"> 
      <h1>Home</h1> 

      <nav id ="nav"> 
       <a href="@Url.Action("Index", "Home")"><div>Home</div></a> 
       <a href="@Url.Action("AboutMe", "Home")"><div>About Me</div></a> 
       <a href="@Url.Action("Index", "Project")"><div>My Projects</div></a> 
       <a href="@Url.Action("Index", "Contact")"><div>Contact Me</div></a> 
       <a href="@Url.Action("Index", "Blog")"><div>Blog</div></a> 
      </nav> 
     </header> 

     <section id="content"> 
      @RenderBody() 
     </section> 
    </body> 
</html>

首頁：

@{ 
    ViewBag.Title = "Home"; 
} 

@section Head 
{ 
    <link href="@Url.Content("~/Content/HomeIndex.css")" rel="stylesheet" type="text/css" /> 
    <link href="@Url.Content("~/Content/Jquery.Tweet.css")" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tweet.js")"/> 

} 

<img id="home-image" alt="Home page image" src="..." width="300" /> 

<section id="introduction"> 
    <h3>WelcomeLi</h3> 
    <p>Text goes here.<p> 
</section> 

<section id="get-in-touch"> 
    <h4>Get In Touch</h4> 
    <img id="facebook-button" alt="Find me on Facebook." src="@Url.Content("~/Content/Images/FacebookButton.png")" /> 
    <img id="skype-button" alt="Contact me via Skype." src="@Url.Content("~/Content/Images/SkypeButton.png")" /> 
    <img id="linkedin-button" alt="Find me on LinkedIn" src="@Url.Content("~/Content/Images/LinkedInButton.png")" /> 
</section> 

<section id="twitter"></section>

所以基本上我做了什麼，添加一個jQuery的文件準備處理的頭我的頁面佈局上，它執行罰款，但如果我將腳本部分添加到我的主視圖的頭部，它將不會執行。有人可以解釋爲什麼會這樣嗎？這對我沒有任何意義。

另外，當我查看源代碼時，頁面看起來像在適當的位置呈現正確的腳本並且格式正確，這讓我很難過，任何幫助都非常感謝。

謝謝， Alex。

來源

2012-06-02 Alex Hope O' Connor

你有你代碼在jquery.tweet.js？ – Shyju

它看起來應該工作，你看到任何console.log js錯誤？ –

它在這裏使用隨機腳本而不是你的tweet.js，所以也許這是腳本本身的一個問題？你能提供嗎？ – YavgenyP

據我知道你不能自行關閉一個< SCRIPT>標籤

所以請糾正：

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tweet.js")"/>

到

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tweet.js")"></script>

來源

2012-06-02 16:39:16

我是多麼的愚蠢，但就是這樣。謝謝！ –

JQuery ready函數在視圖內呈現時不會執行

回答

相關問題