2014-03-25 5 views
0

이 코드에 어떤 문제가 있습니까? 이전 버전의 Jquery에서는 작동하지만 버전 1.11.0에서는 작동하지 않습니다. 이 스크립트는 사용자 이름 가용성을 확인하고 div #status에 결과를 인쇄합니다.Jquery 스크립트가 버전 1.11.0에서 작동하지 않습니다.

스크립트는 부분적으로 만 작동합니다. 그것은 check-username.php에 요청을 보내고 loading.gif와 text "please wait"를 보여 주지만 check-username.php 파일에서 결과를 출력하지 않습니다. 영원히 "기다려주십시오."

자바 스크립트 콘솔에 오류 메시지가 표시되지 않습니다.

<script type="text/javascript"> 
pic1 = new Image(16, 11); 
pic1.src = "/loading.gif"; 
$(document).ready(function() { 
    $("#nn").change(function() { 
     var usr = $("#nn").val(); 
     var paro = $("#par").val(); 

     $("#status").html('<img src="/loading.gif" align="absmiddle">Please wait'); 
     $.ajax({ 
      cache: false, 
      type: "POST", 
      url: "/check-username.php", 
      data: "nn=" + usr + "&prr=" + paro, 
      success: function (msg) { 
       $("#status").ajaxComplete(function (event, request, settings) { 
        $("#nn").removeClass('object_ok'); 
        $("#nn").addClass("object_error"); 
        $(this).html(msg); 
       }); 
      } 
     }); 
    }); 
}); 
</script> 
+0

정렬을 위해 absmiddle이 있습니까? –

+0

' 기다려주십시오.'잘못된 html입니다. 이미지 태그를 닫아야합니다. '' –

+0

언제든지 콘솔을 열고 오류를 확인할 수 있습니까? –

답변

0

ajaxComplete는 성공 콜백 함수가 등록 될 때까지 트리거되어야합니다.

이것이 원하는 것입니다. 맞습니까? http://www.w3schools.com/tags/tag_img.asp img 태그에 따라, 보조 노트로

<script type="text/javascript"> 
pic1 = new Image(16, 11); 
pic1.src = "/loading.gif"; 
$(document).ready(function() { 
    $("#nn").change(function() { 
     var usr = $("#nn").val(); 
     var paro = $("#par").val(); 

     $("#status").html('<img src="/loading.gif" align="absmiddle">Please wait'); 
     $.ajax({ 
      cache: false, 
      type: "POST", 
      url: "/check-username.php", 
      data: "nn=" + usr + "&prr=" + paro, 
      error: function (err) { 
       $("#nn").removeClass('object_ok'); 
       $("#nn").addClass("object_error"); 
       $("#status").html('an error occurred'); 
      }, 
      success: function (msg) { 
       $("#nn").addClass('object_ok'); 
       $("#nn").removeClass("object_error"); 
       $("#status").html(msg); 
      } 
     }); 
    }); 
}); 
</script> 

을 (죄송합니다 나는 실제로 그것을 실행하지 않은) :

는 HTML에서 태그는 끝 태그가 없습니다.

XHTML에서 태그를 올바르게 닫아야합니다.

관련 문제