-1

我正在使用 jQuery UI - 拖放

我的 html 是：

<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jquery-ui-1.8.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
    <script type="text/javascript">
        $(document).ready(function () {
            $("#example-1-2 .sortable-list").sortable({ connectWith: '#example-1-2 .sortable-list', opacity: 0.6, cursor: 'move' });
        });
    </script>
</head>
<body>
    <div id="example-1-2">
                <div id="Div2" class="column left first">
                    <ul id="leftlist" class="sortable-list">
                        <li class="sortable-item">Item1</li>
                        <li class="sortable-item">Item2</li>
                        <li class="sortable-item">Item3</li>
                    </ul>
                </div>
                <div class="column left">
                    <ul id="rightlist" class="sortable-list">
                        <li class="sortable-item">Item4</li>
                        <li class="sortable-item">Item5</li>
                        <li class="sortable-item">Item6</li>
                    </ul>
                </div>
            </div>
</body>
</html>

所以让我们看看我是否选择"item5"从rightlistto 和 drop atleftlist

我想在我的 $jquery Ajax 方法中获取 item5

我怎么得到这个？

我尝试的是：

但是使用这个 [var order = $(this).sortable("toArray");] 我得到了所有元素，但我想要一个被拖动的元素

$("#leftlist,#rightlist").sortable({
                update: function (event, ui) {
                    var order = $(this).sortable("toArray");
                    $.ajax(
                     {
                        type: "POST",
                        url: "WebForm3.aspx/LeftSideData",
                        data: "{'newdata': '" + order + "'}",
                        dataType: "json",
                        contentType: "application/json",
                     });
                }

            });
4

1 回答 1

0

艾伦 - 试试看：

ui.item

根据 jQueryUI 可排序 API 文档，“项目”：“代表当前拖动元素的 jQuery 对象”

你确定你不想也使用“可拖动”，因为你正在从一个列表拖放到另一个列表？您可以使用 Draggable 的 connectToSortable 来作为 API 文档所述：“允许将可拖动对象拖放到指定的可排序对象上。”

通过 API 文档：

$( ".selector" ).draggable({ connectToSortable: "#my-sortable" });
于 2012-10-31T15:52:56.963 回答