編集とドラッグのDIV(ドラッグ、削除、div要素を編集することができますクリックしてください)

図1は、編集することができます。

<DIV ID = "移動" のcontentEditable = "真">可编辑</ div>

設定するのcontentEditableプロパティは、div要素が編集可能にプログラムすることができます

2、ドラッグすることができます。

。$( '#移動')ドラッグ();

jQueryのUIのドラッグを使用すると、div要素がドラッグ可能になることができますが、アプリケーションの障害状態が編集され、同時に2つのプロパティます。

3、編集可能な、ドラッグ可能:

<DIV ID = "移動" のcontentEditable = "真">可编辑</ div>

divTitle = $( '#移動')でした。

divTitle.draggable()をクリックします(関数()。
{
$(この).draggable({[無効]:falseに});
$(この)の.css( 'backgroundColorの'、 '透明');
})DBLCLICK(関数()。
{
$(この).draggable({無効:真へ});
$(この)の.css( 'のbackgroundColor'、 '#1 FFFF6F');
});
これは、同時に特性および抗力を有するDIV編集できるものを制御可能にします。

おすすめ

転載: www.cnblogs.com/Annely/p/11489531.html