特定のクラスを持つ要素が動的に作成されたときにjqueryイベントを発生させることは可能ですか? これが私の言いたいことです。私は次のものを持っています;
...
<div id="lotoContent"></div>
...
jquery ajax を使用して、サーバーからいくつかの行を取得し、それらを「lotoContent」div に追加しています。各行には、次のような空のスパン要素があります
<span class="lotoDateTime" data-date="123456"></span>
data-date 属性の値は、データベースから取得した UNIX タイムスタンプです。行が追加されると、次の JavaScript 関数が呼び出されます。
function processDateTimes() {
//process dates
$('.lotoDateTime').each(function () {
var timeStamp = $(this).data('date');
$(this).text(getDateTimeFromServerUnixTimeStamp(timeStamp));
});
}
function getDateTimeFromServerUnixTimeStamp(timeStamp) {
//this function takes the unix time-stamp and converts it to Date and Time
// like 08/09/2013 12:09 based on the browser time
}
これは正常に動作しますが、作成後に関数を手動で呼び出すのではなく、日付範囲が作成されたときに自動的に processDateTimes() を呼び出す方法があるかどうか疑問に思っていました。このようなことを考えています。
$('#lotoContent').on('SomeEvent', '.lotoDateTime', function() {
processDateTimes();
});
ありがとう。