試したこと
ライブラリ『jQuery UI Touch Punch』 によって、スマホでの並び替えができるみたいなのですが上手くできませんでした。間違ってる点やアドバイス等頂けると幸いです。
PHP
1<html>2<head>3<meta charset="utf-8">4 <title>jQuery UI Touch Punch sample</title>5 <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">6 <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">7</head>8<body>9 <ul id="sortable">10 <li><i class="handle fas fa-arrows-alt-v"></i> Item 1</li>11 <li><i class="handle fas fa-arrows-alt-v"></i> Item 2</li>12 <li><i class="handle fas fa-arrows-alt-v"></i> Item 3</li>13 <li><i class="handle fas fa-arrows-alt-v"></i> Item 4</li>14 <li><i class="handle fas fa-arrows-alt-v"></i> Item 5</li>15 <li><i class="handle fas fa-arrows-alt-v"></i> Item 6</li>16 <li><i class="handle fas fa-arrows-alt-v"></i> Item 7</li>17 </ul>18 19 <script src="https://code.jquery.com/jquery-3.4.1.js"></script>20 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>21 <script src="./jquery.ui.touch-punch.min.js"></script>22 <script>23 $(function() {24 $('#sortable').sortable({25 handle: 'i.handle',26 axis: 'y'27 });28 $('#draggable').draggable({29 handle: 'i.handle'30 });31 });32 </script>33</body>34</html>
0 コメント