我将使用jQuery的<script>
块放在一个(并且只有一个)使用该模板的cshtml文件的主体中,它们会导致错误,因为jQuery还没有加载。
将@Scripts.Render("~/bundles/jquery")
放在_Layout.cshtml文件的底部有什么意义?
_Layout.cshtml
的底部。
@RenderBody()
<hr />
<footer>
</footer>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
</body>
</html>
下面显示了生成的cshtml文件的源代码。
<script>
$(document).ready(function () { /// $ not defined.
// .....
});
</script>
<hr />
<footer>
</footer>
</div>
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>
发布于 2014-08-23 13:27:05
可以使用sections:
在您的布局中:
...
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>
@RenderSection("scripts", required: false)
...
在您的cshtml中:
@section scripts {
<script>
$(document).ready(function () { /// $ not defined.
// .....
});
</script>
}
发布于 2014-08-23 13:26:31
只需将其封装在.cshtml页面的section scripts
中即可,如下所示。
@section scripts{
<script>
$(document).ready(function () {
// .....
});
</script>
}
发布于 2014-08-23 13:22:52
最佳实践是在每个可能的HTML元素之后加载您的javascript文件。
知道了这一点,我会在加载所有lib之后放置你的文档就绪处理程序。
<hr />
<footer>
</footer>
</div>
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script>
$(document).ready(function () { /// $ not defined.
// .....
});
</script>
https://stackoverflow.com/questions/25458717
复制相似问题