javascript - まだDOMにないオブジェクトにjQueryのonメソッドがないのはなぜですか？

Question

エラーが発生するjQueryのスニペットがあります。

$("<input>").attr("type", "text")
    .attr("name", "wordFilter")
    .attr("placeholder", "Keywords...")
    .on("keyup", filterMyData)
    .appendTo(sidebar);

sidebar以前はとして定義されていまし$("#sidebar")た。filterMyData関数です。Chrome Web Developerがこのエラーを発行するのはなぜですか？

Uncaught TypeError：Object[objectObject]にはメソッド'on'がありません

ラインで.on("keyup", filterMyData)？

Answer 1

filterMyData関数でこれを実行してみてください

filterMyData()
{
    $(this).on(........);
}

それが機能しない場合は、古いバージョンのjQueryを使用しています。「on」は1.7で導入されたと思います...

Answer 2

これを試して

.on("keyup", filterMyData)

または

.on("keyup", function(){filterMyData();})