is not a functionというエラー

質問

jqueryのスクリプトを書いていたところ

$(function () {
var wrapper = $("#main");
var wrapperWidth;
var blocks = [];

NewBlocks(blocks, wrapper.children());

function NewBlocks(blocks, elements) {
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
var block = new Block(element);
blocks.push(block)
}
}

function Block(element) {
this.element = element;
element.style.margin = "10px";
this.init();
}

Block.prototype = {
init: function () {
this.width = this.element.offsetWidth;
this.height = this.element.offsetHeight;
}
}
});

上記スクリプトを実行すると「this.init is not a function」というエラーが出てしまいます。
一体何をどう間違っているせいでエラーが出るのか、どうかご教授いただけますでしょうか。

回答No.1

askaaska · ベストアンサー

理由は今まで悩んでいたのがむなしくなるほどシンプルなものよ

　　利用する前に宣言すること

これだけ

NewBlocks(blocks, wrapper.children());
より前に
Block.prototype
を書いてあげればいいわ

お礼

ご指摘の通りに書き換えた所、問題なく動きました。
参考にしたスクリプトや、書籍では後ろに書いて動いていたのですが……、何が違うのやら。

ご回答いただき、ありがとうございました。