jquery ajax - событие двойного щелчка

Question

Я новичок в jquery и ajax.

У меня есть кнопка навигации, которую я нажимаю, и она запускает некоторый код php. Проблема возникает каждый раз, когда я нажимаю кнопку, она запускает код больше раз, чем в прошлый раз. , поэтому нажмите 1: запускает код один раз. клик 2: 2 раза клик 3: 4 раз клик 4: 8 раз!

Это код jquery. Я не знаю, есть ли проблема здесь или где-то еще. Заранее спасибо ..

$('#loa_pending_nav').click(
    function() { 
     var display_type = "Pending"; 
     $.ajax({ 
      type:"POST", 
      url:'loa_display.php', 
      statusCode: { 
      404: function() { 
        alert('loa_display.php --> NOT FOUND'); 
       } 
      }, 
      data: "&display_type="+display_type, 
      success: function(data) { 
       $('#display').html(data); 
      } 
     }); 
    } 
); 

Answer 1

Этот PHP файл выглядит как веб-страницу, и вы вставляя свои <script> теги в ваш HTML каждый раз, когда вы нажимаете кнопку, вызывая вашу проблему.

Вместо этого:

$('#display').html(data); 

ли это:

$(data).find('body').children().appendTo('#display');