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",
});
}
});