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函数在视图内呈现时不会执行

回答

相关问题