0

Jquery UI ライブラリを使用しています。シングルクリックでドラッグ可能な div 内にテキストを書き込む機能を提供したいと思います。ユーザーがdivをシングルクリックすると、カーソルが表示され、ユーザーはその中にテキストを書き込むことができます。

Pls は、実際のコード サンプルを使用して解決策を提案します。

これはサンプルコードです:-

<script>
      $(function() { 
             $( "#dv1" ).draggable();    
         });
</script>

<div id="dv1">
<p>Drag me around</p>
</div>
4

2 に答える 2

2

テキストエリアがフォーカスを失ったときに、テキストエリアを段落に戻して、ジェシーのソリューションをさらに構築しました。divこれにより、コンテンツの編集後にをドラッグできるようになります。

フィドルをチェックしてください！

于 2012-06-05T14:36:50.227 に答える
1

ドラッグ可能なコンテナ内にテキストエリアを追加して、クリック時に表示できます。

http://jsfiddle.net/GwTt3/

<div id="dv1">
    <p>Drag me around<textarea></textarea></p>
</div>​

​#dv1 p textarea{
 display: none;   
}​

$("#dv1").draggable(); 
$('p').on('click', function(){
   $(this).find('textarea').show(); 
});

もう 1 つのオプションは、テキストエリアを動的に追加することです。

http://jsfiddle.net/ZrHHb/ 

$( "#dv1" ).draggable();

$('p').on('click', function(e) {
   var replace = $(this);    
   var ele = $('<textarea>')
       .val(replace.text())
       .insertAfter(replace);

   replace.hide();    
});

</p>

于 2012-06-05T14:13:31.283 に答える