1

私はJqueryを初めて使用し、この記事Jqueryの例に従ってこれを設定しようとしていますが、アイテムをドラッグできません。何が間違っているのかわかりません。私のコードは以下の通りです。ありがとう、

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

2 に答える 2

2

これを試して：

次のように、スクリプトのインポートに「//」を追加します。

<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();
});

それが機能するかどうかを確認してください。

于 2012-10-09T18:53:32.287 に答える
2

ほら、これはあなたの問題かもしれません...

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

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

于 2012-10-09T19:29:07.787 に答える