効果画像: 1. ファイルをインポートする <script src="js/jquery-1.10.1.min.js"></script> <link rel="スタイルシート" href="Public/css/jquery-ui.min.css"> <script src="js/jquery-ui.min.js"></script> 2.要素にsortableクラスを付加する <tbody class="sortable"> <tr></tr> <tr></tr> </tbody> 3. 有効化と設定 $(関数() { $(".sortable").sortable({ カーソル: "移動", items: "tr", //ドラッグできるのはtrのみ opacity: 0.6, //ドラッグ時の透明度は0.6 revert: true, // 解放時にアニメーションを追加 update: function(event, ui) { // ソートを更新した後 var categoryids = $(this).sortable("toArray"); var $this = $(this); } }); $(".sortable").disableSelection(); }); 上記はエディターが紹介した HTML テーブルのマウス ドラッグ ソート機能です。皆様のお役に立てれば幸いです。ご質問がございましたら、メッセージを残していただければ、エディターがすぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。 |
>>: Linux システム修復モード (シングル ユーザー モード)
目次序文1. バイナリツリー1.1. 二分木の走査1.2. jsを使用してバイナリツリーを表現する1...
この記事では、VMware Workstation14 ProにUbuntu 16.04をインストー...
この記事は、参考のためにMySQL 8.0.12のインストールグラフィックチュートリアルを記録してい...
Linux の seq コマンドは、数字のリストを非常に高速に生成でき、使いやすく柔軟性に優れてい...
目次執筆の背景プロジェクトの説明事前準備注記執筆の背景以前のプロジェクトではTencent Maps...
XQuery は、XML ドキュメントからデータを抽出するための言語です。 XQuery は、XML...
この記事では、積み上げ棒グラフを実装するためのVue+echartsの具体的なコードを参考までに紹介...
導入作業プロセス中に、遅いクエリが調整されることがあります。 MySQL SQL ステートメントのチ...
最近新しい会社に入社しました。プロジェクトに携わった後、タイトルアイコンが svg で作られていると...
この記事の例では、ドラッグアンドドロップを使用して構造ツリーを作成するVueの具体的なコードを共有し...
パスワード入力後にMySQLデータベースがクラッシュする問題と解決策1 ケースの説明最近、基本的な機...
序文ご存知のとおり、Linux ではハードディスクやグラフィック カードなどすべてがファイルです。 ...
目次1. インデックスの基本1.1 はじめに1.2 インデックスの仕組み1.3 インデックスの種類1...
<meta name="viewport" content="...
目次問題の説明原理分析問題分析拡大する総括する問題の説明ユーザーはプライマリ データベースに対して変...