7
jQuery UI 'draggable()' divをタッチスクリーン用にドラッグ可能にするにはどうすればよいですか?
draggable()FirefoxとChromeで動作するjQuery UI があります。ユーザーインターフェイスのコンセプトは、基本的にクリックして「ポストイット」タイプのアイテムを作成することです。 基本的に、クリックdiv#everythingをリッスンする(高さと幅が100%)をクリックまたはタップすると、テキスト入力エリアが表示されます。あなたはテキストを追加し、それが終わったらそれを保存します。この要素をドラッグできます。これは通常のブラウザで機能しますが、iPadではアイテムをドラッグできないのでテストできます。タッチして選択すると(少し暗くなる)、ドラッグできなくなります。左右にドラッグしません。私がすることができます上下にドラッグが、私は個人をドラッグしていないよdiv、私は、全体のWebページをドラッグしています、。 クリックをキャプチャするために使用するコードは次のとおりです。 $('#everything').bind('click', function(e){ var elem = document.createElement('DIV'); STATE.top = e.pageY; STATE.left = e.pageX; var e = $(elem).css({ top: STATE.top, left: STATE.left }).html('<textarea></textarea>') .addClass('instance') .bind('click', function(event){ return false; }); $(this).append(e); }); そして、これが私がメモを「保存」して入力divを単なる表示divに変えるために使用するコードです: $('textarea').live('mouseleave', function(){ var val = jQuery.trim($(this).val()); STATE.content = val; if (val == '') { $(this).parent().remove(); …