javascript - 使用 jquery ui 发布序列化数据

Question

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

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

Answer 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>