jQuery 動的に生成した要素へのhover()は使えない

JavascriptとjQueryで動的コンテンツを作成したい。 ぶつかった問題をメモできるものはメモしておく。

動的に生成した要素に対して、$("selector").hover(func, func)がうまく動作しない。

対処法は、jquery - How to bind .hover() to dynamically created "li" elemtent? - Stack Overflowを参考にした。

hover()は使わないで、

$(document).on("mouseenter", "selector", func);
$(document).on("mouseleave", "selector", func);

の2つを書けばいいようだ。