この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:3
ページ更新者:爽健
更新日時:2026-05-15 05:24:41

タイトル: 項目をタッチ/クリックしてスライドさせる方法
SEOタイトル: 【jQuery】スマホやWebで項目をタッチ/クリックしてスライドさせる方法【Javascript】

必要なライブラリ

 

 

 

実装


       

  •         menu1
       

    •    

  •         menu2
       


axisでスライドさせる方向を指定する。

yは縦、xは横となる。

 

サーバーサイドに並び順を送信する方法

menu-sort-form" method="POST" action="...">
    
    
    

            
  • id="1">
                menu1
            

    •         
  • id="2">
                menu2
            

    •     

    
    
    sort_order" name="sort_order" />
    

確定ボタンを押すとサーバーサイドで以下の様にlistのidの値を受け取ることが出来る。

 'sort_order' => '1,2'