Re-initialise jquery on ajax loaded content

Re-initialise jquery on ajax loaded content

Hi, I am loading a gallery dynamically using ajax. I know i need to re-initialise the photoswipe lightbox after the ajax content is loaded. I am new to combining these things. If anyone can help with how to re-initialise the photoswipe jquery when the ajax content is loaded that would be great.
Thanks in advance
Richard

  2. $(function() {
  3. //More Button
  4. $('.more').live("click",function() 
  5. {
  6. var ID = $(this).attr("id");
  7. if(ID)
  8. {
  9. $("#more"+ID).html('<img src="moreajax.gif" />');
  10. $.ajax({
  11. type: "POST",
  12. url: "Ajax_more_demo.asp",
  13. data: "lastmsg="+ ID, 
  14. cache: false,
  15. success: function(html){
  16. $("ul#Gallery").append(html);
  17. $("#more"+ID).remove();
  18. }
  19. });
  20. }
  21. else
  22. {
  23. $(".morebox").html('The End');
  24. }
  25. return false;
  26. });
  27. });


  2. (function(window, PhotoSwipe){
  4. document.addEventListener('DOMContentLoaded', function(){
  6. var
  7. options =  {
  9. getImageMetaData: function(el){
  10. return {
  11. relatedUrl: el.getAttribute('data-related-url')
  12. }
  13. }
  15. },
  16. instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );
  19. instance.addEventHandler(PhotoSwipe.EventTypes.onTouch, function(e){
  21. if (e.action === 'tap'){
  22. var currentImage = instance.getCurrentImage();
  23. window.open(currentImage.metaData.relatedUrl);
  24. }
  26. });
  29. }, false);
  32. }(window, window.Code.PhotoSwipe));