RequireJS

by Vanss472

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.20/require.min.js"></script>
<div class="container">
    <div class="overlay"></div>
    <p>Lorem ipsum</p>
</div>

SCSS

/*OVERLAY*/
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
}

JavaScript

requirejs.config({
    baseUrl: "js",
    paths: { 
        /* Load jquery from cdnjs. On fail, load local file. */
        'jquery': ['//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min', 'libs/jquery-min']
    }
});

require(['jquery'], function($) {
    $(function(){
    	overlay.init();
    });
});

var overlay = {
 init: function() {
     console.log('overlay init');
     $(".container").addClass('active');
 }
};