効果画像: 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 システム修復モード (シングル ユーザー モード)
js 実行字句解析フェーズ: 形式パラメータ解析、変数宣言解析、関数宣言解析の 3 つの部分が含まれ...
Text の height 属性が定義されている場合、Text に入力されたテキストは垂直方向に中央...
Linux で Go 環境を構築するのは非常に簡単です。 1. go1.2.1.linux-386....
序文ジェネレーター関数は、async/await が導入される前から JavaScript に存在し...
オブジェクトがメソッドを呼び出す順序:インスタンス内にメソッドが存在しない場合は、インスタンス オブ...
システム環境はserver2012です1. MySQLの解凍バージョンをダウンロードし、インストール...
<br />関連記事: Web コンテンツ ページ作成に関する 9 つの実用的な提案 W...
目次1. 同時実行制御の概要1.1 フェーズ1 1.2 フェーズ2 1.3 フェーズ3 2. 同時実...
目次スプレッド演算子とレスト演算子とは何ですか?配列スプレッド演算子残り演算子(コレクション関数)ス...
Nginx は、リバース プロキシ機能を使用して負荷分散を実装できるほか、フォワード プロキシ機能を...
一般的に、データ テーブル内の列を ID 列として設定すると、ID 列の表示値を手動で ID 列に挿...
実装のアイデア:まず、アラーム情報にはitemidが必要です。これは前提条件です。情報に渡されるパラ...
JavaScriptは、参考のためにランダムな点呼Webページを作成します。具体的な内容は次のとお...
ウェブサーバー1. Webサーバーは、wev、cgi、asp機能を無効にするなど、不要なIISコンポ...
この記事では、「'localhost' (10061) の MySQL サーバーに接...