javascript - 使用 Jquery 的部分 View 渲染顺序

Question

我有两个关于局部 View 渲染顺序的问题

1. 如果我在局部 View 中有$.ready()、$.live，什么时候启动，是在这个局部 View 中启动还是在整个文档中启动？
2. 我无法在局部 View 中引用新的 css 文件。我必须在布局中引用那些样式文件吗？

Answer 1

您可以在同一文档中调用多个$(document).ready()。每个 $.ready() 或 $.live() 都按照它们在代码中出现的相同顺序呈现。

在您的部分 View 中，您可以动态地将您的 css 脚本插入到页面的头部:

<script type="text/javascript">
    $(document).ready(function() {
        $('<link href="' + @Url.Content("~/Content/Site.css") + '" rel="stylesheet" type="text/css" />').appendTo('head');
    });
</script>

用户可能会注意到这些样式在 DOM 加载后会稍有延迟才能生效。