JQuery拖放 - 如何獲取被拖動的元素？

-1

我使用jQuery用戶界面 - 拖動下降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>

讓我們看看，如果我挑"item5"從rightlist並滴在leftlist

我想ITEM5在我的$ jquery Ajax方法

我如何得到這個？

我的嘗試是：

，但使用這個[VAR爲了= $（本）.sortable（「指定者」）;]我把所有的元素，但我想誰被拖動

一個元素

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

      });

來源

2012-10-31 ALAN

阿蘭 - 試着看一下：

ui.item

每jQueryUI的可排序的API文檔中， '項目'：

「表示當前拖動的元素的jQuery對象」

你確定你不想使用「Draggable」，因爲你是從一個列表拖放到另一個列表？您可以使用Draggable的connectToSortable作爲API文檔的狀態：「允許拖動到指定的排序。」

通過API文檔

：

$(".selector").draggable({ connectToSortable: "#my-sortable" });

來源

2012-10-31 15:52:56 dmarvasti

JQuery拖放 - 如何獲取被拖動的元素？

回答

相關問題