첫 번째 jQuery 아약스 호출 jQuery 스타일 변경 후 재설정

Question

비슷한 문제가 있지만 아직 답변을 찾을 수없는 다른 사람들이있는 것 같습니다. 다음은 시나리오입니다.

//show the div containing the textarea 
$('#postTypeContainer').css({ 'display': 'block' }); 

다음은 사용자가 댓글을 입력하고 제출 버튼을 클릭하고 사업부 숨겨진 일부입니다 :

사용자는 코멘트를 만들 수있는 텍스트 영역을 포함하는 숨겨진 사업부를 표시하는 버튼을 클릭 데이터가 서버로 전송됩니다.

$("#loading").ajaxStart(function() { 
     $(this).show(); //shows a spinner 
    }).ajaxComplete(function() { 
     $(this).hide(); //hides the spinner 

     //hide the div that was opened earlier 
     $('#postTypeContainer').fadeOut('fast'); 
    }); 

    //send data 
    $.ajax({ 
     type: "POST", 
     url: rootUri + "main.aspx/StartNewThread", 
     data: jsonText, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (markUp) { 
      //stuff 
     } 
    }); 

이 모든 것이 제대로 작동합니다.

이제 사용자들은 다른 사용자에 태그를 원하기 때문에이 경우, @abc를 사용자 유형의 일부 데이터를

//show the div containing the textarea 
$('#postTypeContainer').css({ 'display': 'block' }); 

다음을 잘 작동 클릭을 통해 다시 DIV를 열고 다음은 사용 발생 '의 keyup'에 jQuery를 :

//ajax call to find users matching the @abc 
$.ajax({ 
     type: "POST", 
     url: rootUri + "main.aspx/GetMatch", 
     data: jsonText, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (data) { 

      //stuff 

     } 
    }); 

즉시이 아약스 호출이 DOM 그것은 AJAX 호출하기 전에 무엇으로 재설정되는 것처럼 닫혀 연 사업부를 반환한다. 따라서 텍스트 영역과 상호 작용하려는 중간에 div는 사용자를 매우 혼란스럽게합니다. 이 문제를 해결할 수있는 유일한 방법은 분명히 아약스를 사용하여 피하고 싶은 페이지를 새로 고치는 것입니다. 누군가를 호소하는 것은 잘못된 것에 대한 생각을 가지고 있습니다. 내가 성공적으로 시도한 한가지는 tagging에 대한 ajax 호출을하는 keyup 함수를 입력 할 때 div의 상태를 확인한 다음 Ajax 호출이 끝날 때 그것을 설정하려고 시도하는 것이다. 일. 어떤 도움을 주셔서 감사합니다.

Answer 1

.ajaxComplete()은 글로벌 ajax 이벤트로, jQuery ajax 이벤트가 완료 될 때마다 발생합니다. 따라서 두 번째 아약스 호출이 완료되면 postTypeContainer div가 숨겨집니다. 그 아약스 호출에 대한 로컬 완료 이벤트에 숨기고 싶다고 생각합니다.

$("#loading").ajaxStart(function() { 
    $(this).show(); //shows a spinner 
}).ajaxComplete(function() { 
    $(this).hide(); //hides the spinner 
}); 

//send data 
$.ajax({ 
    type: "POST", 
    url: rootUri + "main.aspx/StartNewThread", 
    data: jsonText, 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function (markUp) { 
     //stuff 
    }, 
    complete: function() { // DO IT HERE 

     //hide the div that was opened earlier 
     $('#postTypeContainer').fadeOut('fast'); 

    } 
});