-1
는 내가 jQuery를 UI를 사용하고 -JQuery 드래그 앤 드롭 - 요소를 드래그하는 방법?
내 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>
내가 leftlist
에에 rightlist에서 "item5"을 선택하고 드롭 경우의 난에 item5을 얻고 싶은 보자 내 $ jquery Ajax 메서드
어떻게해야합니까? 내가 뭘하려
입니다 : var에 주문 = $ (이) .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",
});
}
});