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

では、to からpick"item5"rightlistて at にドロップするかどうか見てみましょうleftlist

$jquery Ajax メソッドで item5 を取得したい

どうすれば入手できますか?

私が試したのは:

しかし、これを使用して [var order = $(this).sortable("toArray");] 私はすべての要素を取得しましたが、ドラッグされている1つの要素が必要です

$("#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 Sortable API ドキュメントによると、「item」: 「現在ドラッグされている要素を表す jQuery オブジェクト」

あるリストから別のリストにドラッグアンドドロップしているので、「ドラッグ可能」も使用したくないですか? Draggable の connectToSortable を使用して、API ドキュメントに次のように記述できます。

API ドキュメント経由:

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