我想使用fallback.io中的fallback.js,所以我使用了来自github的文档。但问题是,它仅可用于CSS和字体文件,但不适用于我的所有js脚本。
<script src="media/js/fallback.min.js"></script>
<script>
fallback.load({
'jquery-2.1.3.js': [
'//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js',
'media/js/jquery-2.1.3.js'
],
'bootstrap.min.js': [
'//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js',
'media/js/jquery-2.1.3.js'
],
'smoothscroll.js': 'media/js/smoothscroll.js',
'bootstrap.min.css': [
'//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css',
'media/css/bootstrap.min.css'
],
'bootstrap-theme.min.css': [
'//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css',
'media/css/bootstrap-theme.min.css'
],
'media.css': [
'media/css/media.css'
],
'Montesserat-Regular.ttf': [
'//fonts.googleapis.com/css?family=Montserrat',
'media/fonts/Montserrat-Regular.ttf'
]
},
{
// Shim jQuery UI so that it will only load after jQuery has completed!
//'jQuery.ui': ['jQuery']
shim: {
'bootstrap.min.js': ['jquery-2.1.3.js'],
'media.css': ['bootstrap.min.css'],
},
//callback: function(failed) {
// success - object containing all libraries that loaded successfully.
// failed - object containing all libraries that failed to load.
// All of my libraries have finished loading!
// Execute my code that applies to all of my libraries here!
//}
});
//fallback.ready(['jquery-2.1.3.js'], function() {
// jQuery Finished Loading
// Execute my jQuery dependent code here! });
//fallback.ready(['jQuery', 'JSON'], function() {
// jQuery and JSON Finished Loading
// Execute my jQuery + JSON dependent code here! });
fallback.ready(['jquery-2.1.3.js', 'bootstrap.min.js'], function() {
// All of my libraries have finished loading!
$('.carousel').carousel({
interval: 1000,
pause: hover,
wrap: true,
keyboard: true
})
// Execute my code that applies to all of my libraries here!
});
</script>
</head>
我做错什么了?
您使用哪个后备广告?
最佳答案
根据fallback.io docs,fallback.load
列表中的键必须是要加载的javascript库公开的某些变量名。
所以不要做
'jquery-2.1.3.js': [
'//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js',
'media/js/jquery-2.1.3.js'
],
你应该使用
'jQuery': [
'//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js',
'media/js/jquery-2.1.3.js'
],