javascript - 如何使用带 SSL 的托管 YUI？

Question

我已经将 YUI 下载到我的本地服务器上并链接到 yui-min.js。我使用的代码是:

<script src="//mysite.com/scripts/yui3-3.17.2/build/yui/yui-min.js"></script>

这在 HTTP 环境中工作正常，但在我切换到 HTTPS 时不起作用。

我唯一的 yui 代码如下:

    <script>
YUI({
    classNamePrefix: 'pure'
}).use('gallery-sm-menu', function (Y) {

    var horizontalMenu = new Y.Menu({
        container         : '#demo-horizontal-menu',
        sourceNode        : '#std-menu-items',
        orientation       : 'horizontal',
        hideOnOutsideClick: false,
        hideOnClick       : false
    });

    horizontalMenu.render();
    horizontalMenu.show();

});
</script>

我相信我需要使用组合处理程序才能使其正常工作，但我无法理解有关其工作原理的文档。有人可以帮忙吗？

谢谢!

马特

Answer 1

这是在 https 中运行的完整代码:

<script>
YUI({
    classNamePrefix: 'pure',
    modules: {
    	'gallery-sm-menu': {
    		fullpath: 'js/yui-gallery-master/build/gallery-sm-menu/gallery-sm-menu.js'
    	},
    	'gallery-sm-menu-base-min': {
    		fullpath: 'js/yui-gallery-master/build/gallery-sm-menu-base/gallery-sm-menu-base-min.js'
    	},
		'gallery-sm-menu-templates-min': {
			fullpath: 'js/yui-gallery-master/build/gallery-sm-menu-templates/gallery-sm-menu-templates-min.js'
		},
		'gallery-sm-menu-item-min': {
			fullpath: 'js/yui-gallery-master/build/gallery-sm-menu-item/gallery-sm-menu-item-min.js'
		}
    }
}).use(	'gallery-sm-menu',
		'gallery-sm-menu-base-min',
		'gallery-sm-menu-templates-min',
		'gallery-sm-menu-item-min', function (Y) {

    var horizontalMenu = new Y.Menu({
        container         : '#demo-horizontal-menu',
        sourceNode        : '#std-menu-items',
        orientation       : 'horizontal',
        hideOnOutsideClick: false,
        hideOnClick       : false
        });
    horizontalMenu.render();
    horizontalMenu.show();

});
</script>