jQueryとAjaxを使用するとIEエラーが発生する

Question

jQueryを使用するのは非常に新しいので、さらに読み込みをクリックしたときにページ上の投稿を更新するスクリプトがあります。 ChromeとFirefoxでは正常に動作しますが、IEでは何も起こりません。なぜ誰が知っていますか？関数を呼び出すボタンの

jQueryのスクリプト

function get(){ 
$("#acomment").empty().html('<img src="design/ajax-loader.gif" />'); 
$.post('loadmore.php', {id: document.form.id.value, number: counter, kind: document.form.kind.value}, 
    function(output){ 
     $('#acomment').html(output).show(); 
     counter+=5; 
     $(document).ready(function() { 
     $('html, body').animate({ scrollTop: $('#scrollspot').offset().top }, 1000); 
     }); 
    }); 

}

スクリプト：

<form name="form" id="form" style='margin-top:10px'> 
<input type="hidden" name="kind" value="<?php echo $kind; ?>" /> 
<input type="hidden" name="id" value="<?php echo $name; ?>" /> 
<input type="button" value="Load More" onClick="get()" style='width:35%' /> 

それが機能していないでしょうなぜ？私はトラブルが少しshootedてきたし、問題はloadmore.phpページに関係していない

例： http://www.redarcadegames.com/topic/256

Answer 1

この変更してみてください：

$.post('loadmore.php', {id: document.form.id.value, number: counter, kind: document.form.kind.value}, 

へ：

$.post(
    'loadmore.php', 
    { 
     id: $("#form input[name='id']").val(), 
     number: counter, 
     kind: $("#form input[name='kind']").val() 
    }, 

と削除：

$(document).ready(function() { 

ので、あなたの全体のコードは次のとおりです。

function get(){ 
    $("#acomment").empty().html('<img src="design/ajax-loader.gif" />'); 
    $.post(
     'loadmore.php', 
     { 
      id: $("#form input[name='id']").val(), 
      number: counter, 
      kind: $("#form input[name='kind']").val() 
     }, 
     function(output){ 
      $('#acomment').html(output).show(); 
      counter+=5; 
      $('html, body').animate({ scrollTop: $('#scrollspot').offset().top }, 1000); 
     } 
    ); 
};