イベントは便利ですが、外観に関するネイティブ イベントがないため、イベントを手動でトリガーできるように、アイテムがいつ追加されたかを知る必要があります。ポーリングを使用して、何かの出現をテストし、出現したときにアクションを実行できます。これは、ユーザー入力、ajax、またはその他のプログラムなど、制御外に追加されたコンテンツに最適です。
setInterval(function() {
$('.my-element-class:not(.appeared)')
.addClass('appeared')
.each(function() {
console.log("here I am!")
});
}, 250);
これにより、クラス名 (または指定したその他のセレクター基準) によって要素の外観が毎秒 4 回チェックされ、新しい項目が表示されたときにコードが実行されます。アイテムが表示されると、そのインスタンスが再び検出されるのを防ぐために .appeared クラスが追加されます。1 つの外観のみをテストする場合は、このように単純化し、検出後にポーリングを終了できます。
var testAppearTmr = setInterval(function() {
if ($('.my-element-class').length) {
clearInterval(testAppearTmr);
console.log("here I am!")
}
}, 250);
jQuery表示プラグインはこれらの手法に基づいて構築されており、項目がビュー領域にあるかどうかのテストなど、さらに多くのオプションがありますが、DOM に追加されているいくつかの項目をテストするだけであれば、上記のコードは次のようになります。プラグインよりもはるかに倹約的です。