javascript – 尽管Scripts.Render命令,Razor使用它生成jQuery太迟了自定义脚本
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 尽管Scripts.Render命令,Razor使用它生成jQuery太迟了自定义脚本,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1761字,纯文字阅读大概需要3分钟。
内容图文
我问过为什么以下不起作用并得到了very clear answer.
<head>
...
<script src="Stuff.js" type="text/javascript"></script>
</head>
<body>
...
@Scripts.Render("~/bundles/jquery")
</body>
所以我把它改成了这个.
<head></head>
<body>
@RenderBody()
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/Stuff.js")
</body>
但是,我得到了同样的不端行为.基于链接答案的诊断,我猜测脚本仍然没有以正确的顺序呈现.我该如何控制它?我应该将两者都移到标题中吗?
生成的标记就像这样结束.
</form>
</div>
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="Stuff.js"></script>
</body>
</html>
如我所知 – 我正在添加显示脚本的网络选项卡的屏幕截图.还有其他资源(图像和东西),但没有一个是4xx,没有奇怪的消息,我已经把它们各自关闭,仍然遇到同样的问题.
在Default.js(以前的Stuff.js)工作.
window.onload = function() {
console.log($(this));
};
在Default.js(任何行)中产生错误.
//$(document).ready(function () { alert("ready"); });
$(window).onload(function () { alert("onload"); });
解决方法:
你应该用
$(window).load(function () { alert("onload"); });
onload是JavaScript本机事件,但在JQuery中是加载
有关详细信息,请参阅以下帖子:
difference between $(window).load(function() { and $(document).ready(function() {
第二点,最重要的是你有以下几点
@RenderBody()
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/Stuff.js")
如果您的视图中有任何JQuery调用,假设您需要在主页中调用某些内容,那么JQuery库尚未定义.因为Jquery在RenderBody之后呈现
你需要做的是放置一个Section,并在加载Jquery之后渲染该部分
您的布局中应该包含以下内容
@RenderBody()
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/Stuff.js")
@RenderSection("Scripts", required: false)
在您的视图中,将javascripts调用放在该部分中
@section Scripts {
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() { alert ('Hi'); });
//]]>
</script>
}
我希望这有帮助
内容总结
以上是互联网集市为您收集整理的javascript – 尽管Scripts.Render命令,Razor使用它生成jQuery太迟了自定义脚本全部内容,希望文章能够帮你解决javascript – 尽管Scripts.Render命令,Razor使用它生成jQuery太迟了自定义脚本所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。