在retinajs中使用requirejs

Question

我正在使用requirejs，并将retinajs作为插件调用。我将填充程序与jQuery依赖项一起使用：

....
'plugins/retina.min': {
        'deps': ['jquery']
    }
....

然后初始化我的应用程序：

requirejs(['./main'], function(App) {
    App.init();
});

"main.js"：

define(['jquery', 'foo', 'bar', 'plugins/domReady!', 'plugins/retina.min'], function($, foo, bar, retina) {....});

我页面上的徽标正在正确更新，但是我似乎遇到了时间问题。在页面的下一层(甚至是后续的页面视图)，脚本在页面准备就绪之前被执行。

Retina.js是自动执行的，所以没有初始化的方法。有没有办法“调用”一个用所需的js自动执行的jquery插件？

这是错误的，但我认为这是我需要的东西：

define(['jquery', 'foo', 'bar', 'plugins/domReady!', 'plugins/retina.min'], function($, foo, bar, retina) {
    var App = {
        init: function() {

           retina.init(); // This doesn't exist
           <script src="/plugins/retina.js"></script> // Not even close to valid, but this is what I need.
         }

     };
    return App;
});

感谢您的宝贵时间和建议！

Answer 1

试试这个：

define(['jquery', 'foo', 'bar', 'plugins/domReady!'], function($, foo, bar) {
    var App = {
        init: function() {
            require(['plugins/retina.min'], function(){
                // This is straight from retina.js's source: https://github.com/imulus/retinajs/blob/master/src/retina.js#L142
                if (Retina.isRetina()) {
                    Retina.init(window);
                }
            });
         }
     };
    return App;
});