検索
  • サインイン
  • サインアップ
パスワードのリセットが成功しました

興味のあるプロジェクトをフォローし、それらに関する最新ニュースをチェックしてください

プログラミング辞典

サービスプログラマー向けのオンライン技術マニュアル
人気の検索:
辞書のトップページ JavaScript jQuery jQuery EasyUI ドラッグ アンド ドロップ - 基本的なドラッグ アンド ドロップ
jQuery EasyUI ドラッグ アンド ドロップ - 基本的なドラッグ アンド ドロップ 使用方法の詳細

jQuery EasyUI ドラッグ アンド ドロップ - 基本的なドラッグ アンド ドロップ

中国語翻訳 最近の更新: 2022-04-13 17:56:40

HTML要素をドラッグ可能にする

jQuery EasyUI ドラッグ アンド ドロップ - 基本的なドラッグ アンド ドロップ 構文

HTML要素をドラッグ可能にする

jQuery EasyUI ドラッグ アンド ドロップ - 基本的なドラッグ アンド ドロップ 例

まず、3 つの <div> 要素を作成します:

<div id="dd1" class="dd-demo"></div>    
<div id="dd2" class="dd-demo"></div>    
<div id="dd3" class="dd-demo"></div>

最初の <div> 要素については、デフォルトでドラッグ可能にします。

    $('#dd1').draggable();

2 番目の <div> 要素については、元の要素のクローンを作成するプロキシを作成することでドラッグ可能にします。

    $('#dd2').draggable({        proxy:'clone'    });

3 番目の <div> 要素については、カスタム プロキシを作成してドラッグ可能にします。

rree
jQuery EasyUI ドラッグ アンド ドロップ - 基本的なドラッグ アンド ドロップ