1

特定のクラスを持つ要素が動的に作成されたときに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();
});

ありがとう。

4

2 に答える 2