jQueryUI、jQuery Mobile、タッチ パンチ プラグインを使用して、contenteditable="true" div内のテキストの周りに画像をドラッグしようとしています
デスクトップでhttp://jsfiddle.net/xFfYT/1/のようなテキストの周りを画像が移動できるようにしたい。画像は、テキストまたはその他のタグの行で移動できます。
<div id="firstpage" data-role="page" class="demo-page">
<div data-role="content" contenteditable="true" id="sortable">
<h1 id="sortable"> Make Images Sortable on iOS </h1>
<p id="sortable"> This is first picture
<img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-512.png" />
and second picture
<img src="https://cdn1.iconfinder.com/data/icons/metro-ui-icon-set/128/Yahoo_alt_1.png" />
drag to swap it into text position
</p>
<p id="sortable">
second paragraph
</p>
<h2 id="sortable"> Sample need to test on iOS </h2>
</div>
</div>
iOS のどの jQuery Mobile で、このタッチ パンチ プラグインを使用して jQueryUI を機能させます。ただし、画像はタグ間でのみ移動します（画像をスワップし、他のp、hタグに移動します）。
このhttp://jsfiddle.net/RrZnx/1/は、iOS シミュレーターまたはデバイスでテストを実行できるコードです。ソート可能な行の前にタッチパンチコードをコピーします。
$( document ).on( "pageinit", "[data-role='page'].demo-page", function() {
$("#sortable").sortable();
});
sortable はタグごとにのみ要素を交換できることを理解しています。画像をインライン テキストにスワップするのは、おそらくデスクトップのブラウザの機能です。
iOS contenteditable divのタグ内のテキストの周りで画像を移動するには?
もっと良い方法はありますか？
助けてください！ありがとう！