ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery EasyUI チュートリアル - ドラッグ可能 (ドラッグ)

jQuery EasyUI チュートリアル - ドラッグ可能 (ドラッグ)

黄舟
黄舟オリジナル
2016-12-27 16:25:251490ブラウズ

皆さん、こんにちは。jQuery EasyUI チュートリアルに関して、最初の 2 つの記事は主に jQuery EasyUI パーサーとローダーの基本的な理解について説明しています。入門段階では、簡単に理解するだけで十分です。結局のところ、最初の段階ではあまり深く理解する必要はありません。

$.fn.draggable.defaults を使用してデフォルト値オブジェクトをオーバーライドします。

ユースケース:

タグと Javascript の 2 つの方法で実現します。

1. ラベルを使用してドラッグ可能な要素を作成します。

<div id=”dd” class=”easyui-draggable” data-options=”handle:’#title&#39;” 
style=”width:100px;height:100px;”> <div id=”title” 
style=”background:#ccc;”>title</div></div>

2. Javascript を使用して、ドラッグ可能な要素を作成します。

<div id=”dd” style=”width:100px;height:100px;”>
<div id=”title” style=”background:#ccc;”>title</div>
</div>
rree

上記の2つの方法をご存知ですか?次に、Draggable プラグインのプロパティ、イベント、メソッドを紹介します。

属性:

jQuery EasyUI チュートリアル - ドラッグ可能 (ドラッグ)

イベント:

jQuery EasyUI チュートリアル - ドラッグ可能 (ドラッグ)

メソッド:

jQuery EasyUI チュートリアル - ドラッグ可能 (ドラッグ)

上記は、jQuery EasyUI チュートリアル - Draggable (ドラッグ) の内容です。その他の関連コンテンツについては、PHP 中国語に注意してください。ウェブサイト (www.php .cn)!


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。