Jquery $ .post가 크롬에서 작동하지 않습니다.

Question

문제가 있는데 해결할 수 없습니다.

내 코드는 firefox에 완벽하게 작동하고 있습니다..

두 개의 목록 상자가 있습니다. 첫 번째 상자에는 국가가 포함되고 두 번째 상자에는 도시가 포함됩니다. 국가를 변경하면 두 번째 목록 상자에 도시 목록이 표시됩니다.

는

내 jQuery 코드 :

$('#country').change(function(){ 

var sec=$('#country').val(); 

    $.post(
      'select.php?do=country', 
      {s:sec}, 
      function(answer){ 
       $('#city').html(answer); 
      } 
    ); 

}); 

나는 국가 아무것도 변경되지 구글 크롬에서 발생합니다.

감사합니다.

Answer 1

이 코드는 모두 $(document).ready() 방법으로 싸여 있습니까?

Chrome은 ffox보다 빠르게 구문 분석하므로 DOM 준비가 완료되기 전에 change 함수의 바인딩이 발생할 수 있습니다. DOM 준비 함수를 사용하지 않으면 id가 country 인 요소가 브라우저에서 렌더링되지 않을 수 있습니다.

$(function() { 
// or $(document).ready(function() { 
    $('#country').change(function(){ 

    var sec=$('#country').val(); 

    $.post(
      'select.php?do=country', 
      {s:sec}, 
      function(answer){ 
       $('#city').html(answer); 
      } 
    ); 

    }); 

});

Answer 2

"onload 함수"에 코드를 래핑하는 것 외에도 js를 파일의 맨 아래에 배치 할 수 있습니다. 이는 페이지 수행상의 이유로 권장되며 스크립트를 올바르게 구문 분석합니다.