効果画像: 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 システム修復モード (シングル ユーザー モード)
注記記事表示リストインターフェースを開発する場合、情報の基本的な概要を提供するために記事ヘッダーコン...
mysql-5.7.17.msiのインストール、スクリーンショットに従ってください、ステップバイステ...
最近のプロジェクトでフォームを作成するときに、コメント ボックスまで自動的にスクロールし、コメント ...
この投稿では、通知、画像とビデオ、フォーム フィールド、タイトル、段落、箇条書きリスト、ナビゲーショ...
1|0 カーネルをコンパイルする(1)uname -rコマンドを実行してカーネルバージョンを表示しま...
SeLinuxを無効にするsetenforce 0永久に閉店: vi /etc/selinux/c...
現象: divを一定の振幅で円、楕円などに変更する方法: CSSのborder-radiusプロパテ...
まず、setIntervalはフックとしてカプセル化されます👇 'react' から...
目次1. autofs サービスの紹介2. Autofsのインストールと展開3. Autofs効果の...
目次1. DOMとは何か2. 要素を選択する3. getElementById() 4. クエリセレ...
本日のプロジェクト最適化中に、MySQL に問題が発生しました: 定義者として指定されたユーザー (...
この記事では、MySQL で find_in_set() 関数を使用して where in() の順...
私の開発環境は、VMWare 仮想マシンに CentOS をインストールし、ホスト ファイルにインタ...
例: mysqldump –all-databases を使用すると、すべてのライブラリがエクスポー...
さっそく、コードを直接投稿します。具体的なコードは次のとおりです。 パーレル # # https:/...