2016-10-19 26 views
0

私はdraggableとsortableの組み合わせに特有の問題に直面しています。 私はJqueryバージョン1.8.2を使用しています。ドラッグアンドドロップは正常に動作しますが、Jqueryバージョン1.11.3をソート可能にする必要がありますが、動作しません。Jqueryドラッグ可能でソート可能

私はこの問題を解決する方法がありません。私の間違いを訂正してください。

あなただけ実装する必要が
<html > 
<head > 
    <title></title> 

    <script src=" /jquery-1.11.3.js"></script> 
    <script src=" /netjs/jquery-ui.js"></script> 
    <script src=" /netjs/jquery.ui.draggable.js"></script> 
    <script src=" /netjs/jquery.ui.position.js"></script> 

    <script> 
     $(function() { 
      $(".sortable").sortable({ 
       revert: true 
      }); 
      $('.draggable').draggable({ 
       connectToSortable: ".sortable", 
       helper: "clone", 
       revert: "invalid" 
      }); 
      $("ul, li").disableSelection(); 
     }); 
    </script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
     <table> 
      <tr> 
       <td> 
        <div class="dbdiv"> 
         <ul class="" style="list-style-type: none;"> 
          <li>one</li> 
          <li>two</li> 
          <li>three</li> 
          <li>four</li> 
         </ul> 
        </div> 
       </td> 
       <td style="width: 50px;"></td> 
       <td> 
        <div class="demo dbdiv"> 
         <ul class="sortable dbdiv" style="min-height: 40px; min-width: 170px;"> 

          <li>one</li> 
          <li>two</li> 
          <li>three</li> 
          <li>four</li> 
         </ul> 
        </div>  
       </td> 
      </tr> 
     </table>   
</body> 
</html> 
+0

を試してみよう:-https://jqueryui.com/draggable/ –

答えて

0

<script src="https://code.jquery.com/jquery-1.11.3.js"></script> 
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.js"></script> 

は、このリンクをチェックし、自分自身にhttps://jsfiddle.net/k3z0gvut/

関連する問題