var mr = (function ($, window, document){
"use strict";
var mr = {},
components = {documentReady: [], windowLoad: []};
$(document).ready(documentReady);
$(window).load(windowLoad);
function documentReady(context){
context = typeof context == typeof undefined ? $ : context;
components.documentReady.forEach(function(component){
component(context);
});
}
function windowLoad(context){
context = typeof context == "object" ? $ : context;
components.windowLoad.forEach(function(component){
component(context);
});
}
mr.setContext = function (contextSelector){
var context = $;
if(typeof contextSelector !== typeof undefined){
return function(selector){
return $(contextSelector).find(selector);
};
}
return context;
};
mr.components = components;
mr.documentReady = documentReady;
mr.windowLoad = windowLoad;
return mr;
}(jQuery, window, document));
最顶部有这样一段代码，然后所有的调用都类似下面
//////////////// Parallax
mr = (function (mr, $, window, document){
"use strict";
var documentReady = function($){
var $window = $(window);
var windowWidth = $window.width();
var windowHeight = $window.height();
var navHeight = $('nav').outerHeight(true);
// Disable parallax on mobile
if ((/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)) {
$('section').removeClass('parallax');
}
if (windowWidth > 768) {
var parallaxHero = $('.parallax:nth-of-type(1)'),
parallaxHeroImage = $('.parallax:nth-of-type(1) .background-image-holder');
parallaxHeroImage.css('top', -(navHeight));
if(parallaxHero.outerHeight(true) == windowHeight){
parallaxHeroImage.css('height', windowHeight + navHeight);
}
}
};
mr.parallax = {
documentReady : documentReady
};
mr.components.documentReady.push(documentReady);
return mr;
}(mr, jQuery, window, document));
好了问题来了，普通的一段代码如下
$(".lightbox-image").magnificPopup({
type: 'image'
});
请问怎么移植到这种封装中去？