2012-11-21 3 views
1

Я использую плагин JQuery timeago из https://github.com/rmm5t/jquery-timeagoJQuery timeago контента генерируется с использованием .load

Он отлично работает на странице загрузки, но я произвожу некоторый контент в модальном окне с помощью .load и это, похоже, не влияет Это.

Для инициализации timeago у меня есть:

$(document).ready(function() { 
    $('time.timeago').timeago(); 
}); 

Это JQuery я использую, чтобы загрузить контент в модальном:

$(document).ready(function() { 

    // on click, serialize all form elements and insert/update database 
    $('.comment').click(function (e) { 

     e.preventDefault(); 
     var $this = $(this); 
     var csrf = $('input[name=csrf_gpin]').val(); 
     var pin_id = $this.closest('.grid-box').attr('data-id'); 

     $('input[name=comment_pin_id]').val(pin_id); 

     $("#modal-comment").reveal(); 

     // load all comments associated with pin 
     $("#comments").load('/comment/pin', { 'csrf_gpin' : csrf, 'pin_id' : pin_id }); 

    }); 
}); 

HTML, внутри загруженного содержимого является:

<time class="timeago" datetime="2012-11-19T20:35:14+01:00" title="November 19, 2012">2 days ago</time> 

Как я могу повторно инициализировать timeago, чтобы он работал над этим сгенерированным контентом?

ответ

1

Попытка инициализации timeago после завершения загрузки:

$("#comments").load('/comment/pin', 
      { 'csrf_gpin' : csrf, 'pin_id' : pin_id }, 
      function(){ //A callback function that is executed when the request completes 
       $(this).find('time.timeago').timeago(); 
      }); 
+0

совершенна, именно то, что мне нужно! – Motive

+0

@MotiveKyle Рад помочь. – Engineer

Смежные вопросы