使用jquery ui发布序列化数据

时间:2012-10-20 04:34:06

标签: javascript jquery post serialization

我有一个发布序列化列表的简短脚本。它在firefox中工作,但不是chrome或explorer,它们都传递了一个空帖子:

    $_POST['list'] == ''

以下是以下代码。

<script>
$(function() {
    $( "#sortable" ).sortable({
        update: function(event, ui){
            var postdata = $(this).sortable('serialize');
            console.log(postdata);

            $.post('packages.php', {list: postdata}, function(o) {
            console.log(o);
            }, 'json');
        }
    });
});
</script>
header and body content

<a href='somelink here'>
<div id='item_1'>
content....
</div>
</a>
<a href='somelink here'>
<div id='item_2'>
content....
</div>
</a>
<a href='somelink here'>
<div id='item_3'>
content....
</div>
</a>
html valid end of page

谁能告诉我我做错了什么?提前谢谢。

1 个答案:

答案 0 :(得分:1)

问题很可能与在div周围包裹链接有关。那是无效的html,可能会在不同的浏览器中导致不同的结果。虽然仍然无效,但如果您将ID放在链接上,它可能会有效。如果没有,您可能必须找到一种不同的方法来使您的div可链接。

简而言之,改变:

<a href"somelink.html"><div id="item_1">
content....
</div></a>

<a id="item_1" href"somelink.html"><div>
content....
</div></a>