是否可以在 Asp.Net MVC 中围绕 ScriptBundle 包装单个 jQuery 文档就绪事件？

Question

为了避免为 Asp.Net MVC ScriptBundle 中的每个文件多次调用 jQuery .ready() 事件，是否可以将 ready 事件包装在整个包中？

以下每个文件都包含 $( document ).ready(function() { } 代码，其中包含 JavaScript 代码...

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js",
                        "~/Scripts/core.js",
                        "~/Scripts/application.js",
                        "~/Scripts/controls.js",
                        "~/Scripts/custom.js"));

我可以创建两个js文件，一个包含$(document).ready(function(){，另一个只包含一个右括号。然后将这些文件添加到开头和结尾现有的捆绑包，但有更好的方法吗？

A similar question 已被要求使用 CoffeScript 连接文件，但我无法轻松地将解决方案转换为 Asp.Net 捆绑。

Answer 1

如果您正在查看您编写的 JavaScript 文件（不是 jquery-{version}.js），请创建一个可从您在页面上调用的文件外部公开访问的方法。

var Application = (function () {
    // All your code

    function init() {
        // All your code that you have inside $(document).ready()
    }

    return {
        init: init
    };
}());

对所有文件执行上述操作，然后在任何需要它的页面上，或者在您的 _Layout 页面中（如果它要在每个页面上运行）在底部有以下内容

<script type="text/javascript">
    $(document).ready(function () {
        Application.init();
        // etc for the other files.
    });
</script>