Всем привет! При написании плагина, возникает ошибка, что функция $el.onShow();
не видна в этом методе.
_build : function(){
var $this = this;
$this._initialStyle();
$el.onShow();
}
Привожу весь код
(function ($, undefined) {
var defaults = {
width: 800,
onShow: function ($el) {},
onHide: function ($el) {},
onUpdate: function ($el) {},
onBeforeStart: function ($el) {},
onAfterStart: function ($el) {},
onLoad: function ($el) {}
};
$.fn.simplePopup = function (options) {
if (this.length == 0){
return this;
}
if (this.length > 1) {
this.each(function () {
$(this).simplePopup(options);
});
return this;
}
var plugin = {},
settings = $.extend(true, {}, defaults, options),
settingsTemp = {},
$el = this;
plugin.$el = this;
plugin = {
_initialStyle: function(){
var $this = this;
if (settings.width){
$('.popup').css('width', settings.width)
}
// settings.onBeforeStart.call(this, $el);
settings.onAfterStart.call(this, $el);
},
_cons: function(){
console.log('1212');
},
_build : function(){
var $this = this;
$this._initialStyle();
$el.onShow();
}
};
plugin._build();
$el.onShow = function() {
$el.click(function(){
alert('d');
plugin._cons();
});
};
$el.goTo = function () {
console.log('g')
};
};
}(jQuery));
При чем хочется сделать методы, типа
var test = $('.js-popup').simplePopup()
test.goTo();
Подскажите, пожалуйста, как правильно передать ей вызов функции? Спасибо!
Ссылка на код https://jsfiddle.net/wn9437de/2/ (ошибка в консоле)
$el
этого метода нет, юзайdebugger;
. Хотя весь плагин как-то... странно сделан.