2

在 ASP.NET 母版页中,我使用 YepNope 无条件地异步加载 jQuery(来自 Google CDN,具有本地回退)和网站所有页面上使用的一些脚本。在 MasterPage 中,我在结束正文标记之前创建了一个 ContentPlaceHolder(以及在加载所有页面上使用的那些的 YepNope 脚本下方),它用于单个页面上使用的脚本。由于 jQuery 应该在站点中的每个页面上都可用,因此不应在有特定脚本使用它的页面上单独加载它。

我遇到的问题是我无法在加载 jQuery 的 yepnope 脚本中使用回调或完成函数,因为这是在 MasterPage 上,这些是仅在该页面上使用或添加的单独页面脚本,但我需要能够延迟单个页面脚本的执行,直到 yepnope(出现在页面脚本上方)完成加载其中使用的任何依赖项(例如 jQuery)。

我能想到两个选择——

1-使页面上使用的脚本成为外部文件并使用语法加载该脚本-

yepnope('/url/to/your/script.js'); 

或者

yepnope({ load: '/url/to/your/script.js' });

我不确定我是否喜欢这个想法,因为它为几行 javascript 引入了额外的 HTTP 请求,不会在任何其他页面上使用。

2- 在另一个 yepnope 测试对象块中再次加载 jQuery,使用完整的函数包装页面脚本(在没有测试的情况下调用 complete 似乎会在加载之前的脚本之前立即执行该函数)并依赖于以下内容 -

我请求一个文件两次,它只加载一次?根据大众的需求,在 yepnope 1.5+ 中,我们添加了已经请求的脚本在第二次请求时不会重新执行的功能。当您处理不太复杂的服务器端模板系统并且您真正关心的是所有依赖项都可用时,这会很有帮助。

在页面中,我大概可以从 Google CDN 加载相同版本的 jQuery,基于上述内容实际上不会加载两次,然后在 yepnope 测试对象的完整函数调用的匿名函数中加载页面脚本。

从好的方面来说,这意味着页面不再依赖于从 MasterPage 加载的 jQuery,但不利的是(即使假设 YepNope 现在没有加载脚本两次)我们将加载多个版本的 jQuery MasterPage 中的版本被更改,以后页面中不会发生同样的情况。从维护的角度来看,我认为这不是一个好主意,尤其是在假设(我认为您应该始终这样做)另一个开发人员将是进行更改的人的情况下。

它似乎也不是特别优雅。

总的来说,我几乎肯定会使用第一个选项,但我想知道是否有办法延迟或推迟页面上的脚本直到异步加载完成,这不能作为 YepNope 测试对象加载资源的一部分来完成.

其他开发人员如何解决这个问题?

4

1 回答 1

2

我想出了这个作为我喜欢的解决方案。

在 MasterPage YepNope 测试对象中添加代码-

complete: function() {
                if (window.pageFunctions !== null && typeof (window.pageFunctions) === "function") {
                    window.pageFunctions();
                }
            }

如果我想添加任何依赖于 MasterPage 中加载的依赖项的 JavaScript 代码或函数,我只需将它们包装在一个名为“pageFunctions”的函数中,如下所示 -

<script type="text/javascript">
    function pageFunctions() {
        $(document).ready(function () {
            ...
        });
    }
</script>

我仍然对其他(可能更好)解决方案感兴趣,所以我将把这个问题留几天。

作为解决方案,我也很感激对此的评论。

于 2013-02-17T22:05:34.597 回答