Question

我为几个城市创建了一个列表，并使用jQuery-ui插件进行可拖动排序。问题是排序工作正常，但是当我尝试序列化值时，它什么也没做，当我检查Chrome开发工具时，我看到以下错误：

错误：未捕获错误：无法在可排序之前调用方法   初始化;试图调用方法'serialize'   的jquery-1.8.3.min.js：487

v.extend.error jquery-1.8.3.min.js：487（匿名函数）jquery-ui-1.10.1.custom.min.js：6 v.extend.each jquery-1.8。 3.min.js：536   v.fn.v.each jquery-1.8.3.min.js：416 e.fn.（匿名函数）   jquery-ui-1.10.1.custom.min.js：6（匿名函数）dragCity.php：365   v.event.dispatch jquery-1.8.3.min.js：1141 o.handle.u   的jquery-1.8.3.min.js：1061

PHP / HTML代码：

<div class="row-fluid" id="sortable_portlets">
      <div class="span4 column sortable">
        <!-- BEGIN Portlet PORTLET-->
        <?php
        $lisres = mysql_query("SELECT `cityid`, `name`, `cityodr` FROM `tbl_city`");
        $count = 1;
        while ($resrow = mysql_fetch_array($lisres)) {
            $ctynme = $resrow['name'];
            $ctyid = $resrow['cityid'];
            if ($count < 10) {
                $sp = "0";
            } else {
                $sp = "";
            }
            ?>
            <label class="portlet" id="drag_<?php echo $ctyid; ?>">
                    <?php
                echo $sp;
                echo $count . " " . $ctynme;
                ?>
                </label>
            <?php
            $count = $count + 1;
        }
        ?>
        </div>
    </div>
    <div id="rush">
    </div>

脚本代码：

    $("label").click(function() {
        var sorted = $("label").sortable("serialize", {key: "drag"});
            $.post("scripts/check.php", {dash: sorted}, function(data) {
                var res = data;
                $("#rush").html(res);
            });
    });

Answer 1

我找到了答案。您不能同时选择子元素作为容器和可排序元素。感谢大家的时间和精力。这是完整的答案： Nest jQuery UI sortables

Answer 2

试试这个。如果它不工作请更新小提琴。

$( document ).ready(function() {
        $("label").click(function() {
            var sorted = $("label").sortable("serialize", {key: "drag"});
                $.post("scripts/check.php", {dash: sorted}, function(data) {
                    var res = data;
                    $("#rush").html(res);
                });
        });
    });

jQuery可排序标签点击事件无效

2 个答案: