Uncaught Type Error: Undefined не является функцией JavaScript Module
Я пытаюсь передать ссылку наjQuery
Объект к модулю и получаю ошибку, которая говорит:Uncaught TypeError: undefined не является функцией
Я работаю надfiddle
чтобы попытаться понять этот шаблон, который я видел, а также понять прототип и новое ключевое слово.
Я не уверен, что является причиной этой ошибки. Вот мойHTML
а такжеJavaScript
вместе сfiddle
.
HTML:
<div class="js-container" data-options="true"></div>
<div class="js-container" data-options="false"></div>
JavaScript:
$('.js-container').each(function (i, element) {
new MyClass($(element));
console.log($(element));
});
var MyClass = (function ($element) {
this.$element;
console.log(this.$element);
this.init();
MyClass.prototype.init = function () {
this.addText();
return this;
};
MyClass.prototype.addText = function () {
var optText = this.$element.attr('data-options');
this.$element.text(optText);
return this;
};
}());
Я пытаюсь научиться писать больше модулей сJavaScript
, Поэтому, пожалуйста, дайте мне знать, если у меня есть что-то еще, что неправильно. Спасибо!