JQueryリスナーがリッスンしない

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コンテンツを設定する.html()代わりに.innerHtmlを使用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.'); 
       } 
      }); 
     } 
    }); 
});