2013-08-07 2 views
0

jquery와 ajax를 처음 사용합니다.jquery ajax - 클릭 이벤트 이중화

나는 네비게이션 버튼을 클릭하고 일부 PHP 코드를 실행합니다. 문제는 단추를 클릭 할 때마다 마지막 시간보다 코드가 더 많이 실행됩니다. 1을 클릭하십시오 : 코드를 한 번 실행하십시오. 2 : 2 번 클릭 3시 4 분 클릭 4시 8 분 클릭!

다음은 jquery 코드입니다. 문제가 여기 또는 다른 곳에 있는지 나는 모른다. PHP 파일을 웹 페이지 것 같다 당신이 당신의 HTML로는 <script> 태그 당신이 당신의 문제를 일으키는, 버튼을 클릭 할 때마다 삽입하고

$('#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); 
      } 
     }); 
    } 
); 
+0

당신이'HTML'을 표시 할 수 있습니다뿐만 아니라 –

+0

당신이 html 코드를 제시해주십시오 수 :

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

이합니까? id = loa_pending_nav뿐만 아니라 그것을 포함하는 요소도 있습니다. – Andreas

답변

0

그건 사전에 감사합니다 .... 대신이의

:

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

예, 그게 전부입니다. PHP 파일에서 동일한 자바 스크립트 파일을 다시로드하고있었습니다. 자바 스크립트를 제거한 후에 모든 것이 훌륭하게 작동했습니다. :) – Flashheart