index.html:
<html lang="en">
<head>
</head>
<body>
...
<script data-main="/js/config" src="/js/lib/require.min.js"></script>
<script src="/js/signin.js"></script>
</body>
</html>/js/config.js:
requirejs.config({
paths: {
'jquery': [
'//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min',
'lib/jquery.min'
],
'bootstrap': 'lib/bootstrap.min'
},
shim: {
'bootstrap': {
deps: ['jquery']
}
}
});/js/lib/jquery.min.js - exists
/js/lib/bootstrap.min.js - exists
/js/signin.js:
require(['jquery','bootstrap'], function ($) {
// the JS I want to run on ready
var $bg = $('#bg'),
src = $bg.find('img').attr('src'),
$img = $('<img>').attr('src',src).on('load', function() {
$bg.fadeIn(1000);
});
});