1

PHP ajax 応答からのulに追加するフォームがあります

    $('#page-form form').submit(function() {

        var data = $(this).serialize();
        //alert(data);

        $.ajax({
            type: "POST",
            url: "newPage.php",
            data: data,
            cache: false,
            success: function(html)
            {
                $('.item1 ul').append(html).slideDown();
            }
        });
    });

そして、.sortable を使用してliを注文し、位置を保存します

$(function() {
    $(".item1 ul").sortable({ revert:true, update: function() {
        var order = $(this).sortable("serialize") + '&action=updateRecordsListings';
        $.post("pageOrder.php", order, function(theResponse){

        });
    }
    });
});

問題は、追加された html が pageOrder.php に投稿されないことです。

4

1 に答える 1

2

これを試してみてください。

$('#page-form form').submit(function()
{
    var data = $(this).serialize();
    $.ajax({
        type: "POST",
        url: "newPage.php",
        data: data,
        cache: false,
        success: function(html)
        {
            $('.item1 ul').append(html).slideDown();
            $(".item1 ul").sortable(
            {
                revert:true,
                update: function()
                {
                    var order = $(this).sortable("serialize") + '&action=updateRecordsListings';
                    $.post("pageOrder.php", order, function(theResponse){  });
                }
            });
        }
    });
});

domこのように、新しいものを追加して.item ulいるため、それらに割り当ててnewly appended DOMいません。event

jQuery 開発用の Firebug 拡張機能であるFireQueryをインストールすると、jQuery コードと に添付されたイベントを表示できますdom。

于 2013-02-18T08:05:57.807 に答える