首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >RequireJS:执行jQuery代码domReady

RequireJS:执行jQuery代码domReady
EN

Stack Overflow用户
提问于 2013-11-14 14:17:19
回答 1查看 490关注 0票数 0

我的main.js文件如下所示:

代码语言:javascript
运行
复制
require.config({    
    paths: {
        "jquery": "3rd_party/jquery-2.0.3.min",
        "bootstrap": "3rd_party/bootstrap.min",
        "handlebars":"3rd_party/handlebars",
        "html5shiv":"3rd_party/html5shiv",
        "modernizr":"3rd_party/modernizr",
        "respond":"3rd_party/respond.min",
        "jquery-ui":"3rd_party/jquery-ui-1.10.3.custom.min",
        'fancybox':'3rd_party/jquery.fancybox.pack'
    },

    shim: {
        "bootstrap": {
            deps: ["jquery"]
        },
        "jquery-ui": {
            deps: ["jquery"]
        },
        "fancybox": {
            deps: ["jquery"]
        }
    }
})

requirejs(["jquery", "fancybox","controllers/" + controller,'modules/login','bootstrap','handlebars','html5shiv','modernizr','respond', 'jquery-ui'],function($,fancybox,controller,handleLogin) {
    $(document).ready(function() {

        if ($(window).width()>991) {
            $(".sidebar").height($(".maincontent").height());   
        }

        $(".searchresults .greencol").height($(".searchresults .article").first().height()-100);
        $('.login').click(function() {
            handleLogin();
            return false;
        })
        $('.fancybox-inline').fancybox({
            maxWidth    : 800,
            maxHeight   : 600
        });
        $('.fancybox-document').fancybox({
            width: 660,
            height: 440
        });


        $('.fancybox-close-button').click(function() {
            $.fancybox.close();    
            return false;
        })



    });
    controller.init();
})

现在,所有事情都发生了,执行这段代码实际上需要一些时间:

代码语言:javascript
运行
复制
if ($(window).width()>991) {
    $(".sidebar").height($(".maincontent").height());   
}

这一页会产生一点闪烁。我唯一的想法是将jQuery单独包含在index.html中,并将其放在<script>标记中。但是后来我的RequireJS设置中断了。

你对如何做到这一点有什么建议吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-14 17:43:43

所以你希望大小调整尽早发生。我还不完全清楚您是如何在前面尝试这样做的,但是这样做才能使它尽早发生,而不是破坏或绕过RequireJS:

  1. 从当前的requirejs回调中删除以下内容: 如果($(窗口).width()>991){.width}
  2. 在当前调用之前添加以下对requirejs的调用: _(_

顺便说一句,这不需要在不同的<script>元素中。您可以将新的requirejs电话放在您已经拥有的电话前面。这样做,一旦加载了jQuery,就会进行调整大小。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19980026

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档