0

ページ上の任意の場所のマウス位置でマウスをクリックすると、チェックボックスまたはテキストフィールドを動的に挿入しようとしています。さらに、テキストフィールドとチェックボックスをページの任意の位置にドラッグアンドドロップします。

目標は、このようなページに編集可能なテキストフィールドとチェックボックスを追加することです

誰かがそれで私を助けることができれば素晴らしいだろう.

4

3 に答える 3

0

返信が遅れて申し訳ありませんが、実際にはテストしていました;)次のように何かを試してください(必要に応じてロジックを変更してください):

$('body').click(function(e){ $('body').append($('<input />').css({position:'absolute',left:e.pageX,top:e.pageY}).focus());})
于 2013-02-21T19:01:38.803 に答える
0

Draggle-Jquery プラグインを使用できます。ドキュメントとデモ

jquery ファイルと次の簡単なコードを追加するだけです。

 $(function() {
  $( "#draggable" ).draggable();
 });

html (他の html 要素を使用できます):

<div id="draggable" class="ui-widget-content">
<p>Drag me around</p>
</div>

いくつかのデモ

于 2013-02-21T18:45:51.630 に答える
0

簡単な考え：

再利用可能な入力フィールド (テンプレート) を作成する

var $textinput = '<input type="text" value="" style="position:absolute" />';

ページにクリック ハンドラーを追加する

// Using jquery
$('body').on('click', function(event) {
    var posX = event.offsetX;
    var posY = event.offsetY;
    var $input = $textinput
    this.append($input);
    $input.css('{x: posX, y: posY}');
});

次に、保存時にすべての値をサーバーに送り返すだけです

于 2013-02-21T18:47:32.780 に答える