概要
リスト要素をシャッフルしてランダムに並び替える処理をjQueryで実装。用途・要件
- ページを読み込む度に、リスト要素をランダムに並び替えたい。
- クリックするタイミングなど、何かのイベント発火時にリスト要素をランダムに並び替えたい。
- 本記事のDEMOでは、ページ読み込み時とボタンをクリックしたタイミングで並び替える処理を実装。
- jQuery バージョン3.6.0使用。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
