在DataList控件上實現jQuery可排序

Question

我是Jquery的新手，我試圖按照這篇文章Jquery Example來設置，但我無法拖動我的項目。林不知道我做錯了什麼。我的代碼如下。謝謝，

<script src="http://code.jquery.com/jquery-1.8.2.js"></script> 
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script> 

$(function() { 
    $("#<%=dlProcessList.ClientID %> tbody").sortable({ 
     handle: ".handle", 
     placeholder: 'ui-state-highlight', 
     cursor: 'move', 
     start: function (event, ui) { 
      ui.placeholder.height(ui.helper.height()); 
     } 
    }).disableSelection(); 
});   

<asp:DataList ID="dlList" runat="server" > 
    <HeaderTemplate> 
     <tbody> 
    </HeaderTemplate> 

    <ItemTemplate> 
     // My Data to display 
    </ItemTemplate> 

    <FooterTemplate> 
     </tbody> 
    </FooterTemplate> 
</asp:DataList> 

Answer 1

試試這個：

加「//」到你的腳本進口，像這樣：

<script src="//code.jquery.com/jquery-1.8.2.js"></script> 
<script src="//code.jquery.com/ui/1.9.0/jquery-ui.js"></script> 

同時刪除所有排序選項，只是使用默認值，看是否你可以得到它的工作...

更改此：

$(function() { 
    $("#<%=dlList.ClientID %> tbody").sortable({ 
     handle: ".handle", 
     placeholder: 'ui-state-highlight', 
     cursor: 'move', 
     start: function (event, ui) { 
      ui.placeholder.height(ui.helper.height()); 
     } 
    }).disableSelection(); 
}); 

要這樣：

$(function() { 
    $("#<%=dlList.ClientID %> tbody").sortable(); 
}); 

看看是否能得到它的工作。

Answer 2

看，這可能是你的問題......

http://www.foliotek.com/devblog/make-table-rows-sortable-using-jquery-ui-sortable/

http://jsfiddle.net/bgrins/tzYbU/