javascript - 用jQuery UI发布序列化数据

我有一个简短的脚本，用于发布序列化列表。它在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

谁能告诉我我在做什么错？提前致谢。

最佳答案

问题很可能与在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>

关于javascript - 用jQuery UI发布序列化数据，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12985281/