gpt4 book ai didi

在 View 内渲染时,JQuery 就绪函数不执行

转载 作者:行者123 更新时间:2023-12-01 08:15:41 25 4
gpt4 key购买 nike

只是一个标准的 MVC 站点,但是我尝试将文档就绪处理程序上的 JQuery 添加到我的主视图而不是我的布局页面,并发现当我这样做时它不会执行它。

布局页面:

<!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 文档就绪处理程序,它执行得很好,但是如果我将脚本部分添加到我的主视图的头部部分,它将不会执行。有人可以解释为什么会发生这种情况吗?这对我来说没有任何意义。

此外,当我查看源代码时,页面看起来渲染得很好,脚本位于正确的位置且格式正确,这让我很困惑,非常感谢任何帮助。

谢谢,亚历克斯。

最佳答案

据我所知,您无法自行关闭 < script > 标签

所以请更正:

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

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

关于在 View 内渲染时,JQuery 就绪函数不执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10863397/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com