JQuery - вызов функции внутри функции

Question

Я получил следующий код:

function open_viewer() { 
    $('.image_thumb').click(function(){ 
    var reqz = 'id='+$(this).attr('id')+'&i='+$(this).attr('i'); 
    $.ajax({ 
     type: 'POST', 
     url: 'index.php?ind=work&op=get_images', 
     data: reqz, 
     success: function (data) { 
     $('#viewer').remove(); 
     $('body').prepend(data); 
     $('#viewer_close').click(function() { 
      $('#viewer').remove(); 
     }); 
     $('.viewer_button').click(function() { 
      var reqz = 'id='+$(this).attr('id')+'&i='+$(this).attr('i'); 
      $.ajax({ 
      type:'POST', 
      url: 'index.php?ind=work&op=get_images', 
      data: reqz, 
      success: function (data) { 
       $('#viewer').remove(); 
       $('body').prepend(data); 
      } 
      }); 
     }); 
     } 
    }); 
    }); 
} 

Я пытаюсь вызвать $ .ajax() каждый раз, когда я нажимаю .viewer_button и в результате я изменил код на следующие:

function open_viewer() { 
    var reqz = 'id='+$(this).attr('id')+'&i='+$(this).attr('i'); 
    $.ajax({ 
     type: 'POST', 
     url: 'index.php?ind=work&op=get_images', 
     data: reqz, 
     success: function (data) { 
     $('#viewer').remove(); 
     $('body').prepend(data); 
     $('#viewer_close').click(function() { 
      $('#viewer').remove(); 
     }); 
     $('.viewer_button').click(function() { 
         open_viewer(); 
     }); 
     } 
    }); 
} 

Но это вызывает бесконечный цикл и не работает. Может быть, кто-то может указать мне на решение? Заранее спасибо

Answer 1

Использовать delegation вместо определения обработчиков в обратном вызове ajax.

$(document).ready(function() { 

    $("#parent").on("click", ".viewer_button", function(e) { 
     ... 
    }); 

}); 

Для #parent Вы выбираете селектор для статического родительского элемента, ближайшего к .viewer_button.

Answer 2

Почему вы используете функции?

Вы можете использовать

$(document).ready(function() { 
    $('.image_thumb').click(function(){ 

    }); 

    $('.viewer_button').click(function() { 


    }); 
}); 

Внутренний код будет выполняться для каждого щелчка.