0

ドロップダウン ボックスがあり、それが変更されると、JQuery を使用してデータベース内の情報を含むテーブルを表示します。今、それはうまくいっています。同時に、そのテーブルに「その場で編集」を適用したいと思います。行をクリックすると、行の値を変更できますが、新しい値を送信してもデータは変更されません。ページを更新すると、値が更新されます。JQueryを使用して呼び出されるテーブルが原因であると思われます。しかし、ここにコードがあります。この関数を使用して、情報の表を表示しています。

function loadData(page){
    var dataString = "";
    dataString = "page="+page;
    $.ajax({
        type: "POST",
        url: "load_data.php",
        data: dataString,
        success: function(msg){
            $("#container").ajaxComplete(function(event, request, settings)
            {
                $("#container").html(msg);
            });
        }
    });
}

このコードを使用して、現在機能している「その場で編集」を適用していますが、機能していないのは、新しい値でテーブルをリロードしたいときだけです。

$(".edit_tr").live('click',function(){
    var ID=$(this).attr('id');

    $("#first_"+ID).hide();
    $("#first_input_"+ID).show();
    var first=$("#first_input_"+ID).val();

}).live('change', function(){
    var ID=$(this).attr('id');
    var first=$("#first_input_"+ID).val();
    var dataString = 'id='+ ID +'&thename='+first;

    var initName = $("#hidden_first_input_"+ID).val();

    $.ajax({
        type: "POST",
        url: "edit_page.php",
        data: dataString,
        cache: false,
        success: function(html){
              alert(html); // the alert is not coming. even put any process, nothing happen
        }
     });
});

しかし、値はデータベースに更新されています。更新する必要があり、JQuery を使用してもう一度テーブルを呼び出すと、値が更新されます。または、ページングをクリックすると、正しい結果が得られます。なぜこれが起こっているのですか？前もって感謝します！

4

0 に答える 0