JQuery Listener가 듣지 않음

Question

입력 유형 체크 박스를 클릭하려고합니다. 클릭하면 AJAX 호출이 수행됩니다. 나는 청취자를 세웠지 만 아무 일도 일어나지 않는다 ... 방화범도 보이지 않는다.

코드 : 당신은 이벤트 리스너가 설정하지 않아도

<form method="post" action="profile/<?php echo $_SESSION['usern']; ?>/settings"> 
    <p><input type="checkbox" id="profile_visible" name="profile_visible" /> Show Profile<span id="resultProfileVisible"></span></p> 
    </form>  

감사

Answer 1

:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js{API removed}"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
alert('test'); 
if ($('#profile_visible:checked').val() !== null) { 

     $.ajax({ 
      url: 'inc/profileVisible.php', 
      success: function(data) { 
      $('#resultProfileVisible').innerhtml="success"; 
      alert('Load was performed.'); 
      } 
     }); 
} 
    } 
    </script> 

... 그리고 문서의 본문에. on과 결합 이벤트 핸들러 (jQuery를> 1.7) 또는 bind (jQuery를 < 1.7) 또는 jQuery의 각종 단축키 방법 (같은 .change 또는 .click) 또한

$(document).ready(function() { 
    $("#profile_visible").change(function() { 
     if (this.checked) { 
      $.ajax({ 
       url: 'inc/profileVisible.php', 
       success: function(data) { 
        $('#resultProfileVisible').html("success"); 
        alert('Load was performed.'); 
       } 
      }); 
     } 
    }); 
}); 

는 요소의 HTML 콘텐츠 때를 설정하는 대신 .innerHtml의 .html()를 사용 jQuery 객체 사용.

예 :http://jsfiddle.net/andrewwhitaker/8x6h8/1/

Answer 2

유일한 리스너가 준비 DOM, 그래서 한 번만 실행됩니다.

코드에 몇 가지 문제가 있습니다. 아래를 참조하십시오.

$(document).ready(function() { 
    alert('test'); 
      // I assume you just want to see if it is checked 
    if ($('#profile_visible').is(':checked')) { 

     $.ajax({ 
      url: 'inc/profileVisible.php', 
      success: function (data) { 
        // jQuery has .html(), not innerhtml 
       $('#resultProfileVisible').html("success"); 
       alert('Load was performed.'); 
      } 
     }); 
    } 
}) // <-- was missing closing parentheses 

Answer 3

변화 내가 리스너를 보이지 않아요이

$(document).ready(function(){ 
$('#profile_visible').change(function(){ // handler when the checkbox is toggled 
    if($(this).attr('checked')) { // check if it is checked 
     $.ajax({ 
      url: 'inc/profileVisible.php', 
      success: function(data) { 
      $('#resultProfileVisible').html("success"); // change here 
      alert('Load was performed.'); 
      } 
     }); 
    } 
    }); 
}); 

Answer 4

같은 코드입니다. 시도해보십시오.

$(document).ready(function() { 
    $('#profile_visible').change(function() { 
     if ($(this).attr('checked')) { 
      $.ajax({ 
       url: 'inc/profileVisible.php', 
       success: function(data) { 
       $('#resultProfileVisible').html("success"); // change here 
        alert('Load was performed.'); 
       } 
      }); 
     } 
    }); 
});