使 Modernizr.load() 将脚本添加到页面末尾

Question

我正在使用 Modernizr 来检查功能，即 csscolumns，并运行 Modernizr.load() 以便在此功能不可用时使用 css3-multi-column.js polyfill。这一切都很好，除了 Modernizr/yepnope 将脚本插入到 Modernizr 脚本元素之前以及我的样式表之前。由于 css3-multi-column.js 必须包含在所有样式表之后，如果 Modernizr 将脚本添加到页面末尾，我会更喜欢。这可能吗？

这是我的代码：

Modernizr.load({
    test: Modernizr.csscolumns,
    nope: 'http://host.org/js/libs/css3-multi-column.js';
});

如果可能的话，这就是我想用 Modernizr 实现的目标：

if (!Modernizr.csscolumns) {
    var script = document.createElement( 'script' );
    script.type = "text/javascript";
    script.src = 'http://host.org/js/libs/css3-multi-column.js';
    $('body').append(script);
}

Answer 1

我只是偶然发现了同样的问题，并查看了 Modernizr (yepnope.js) 代码，这绝对不可能在页面末尾添加脚本。

所以，很遗憾，您的解决方案是好的。

另一种可能的解决方案是把Modernizr放在页面底部（但是IE8会坏，见底部注释here）？

另外，就我而言，我所有的样式表都在 Modernizr 插入的 css3-multi-column.js 脚本之前，但它也不起作用。但是使用您的方法可以解决问题。使用您的方法，它在附加到HEAD 时也有效。所以问题不在于插入脚本的地方，而是其他地方？