-3

このファイル: http://jsfiddle.net/sntshkmr60/4KsHg/

すべての<p>タグはその場所に固定されています。<p>ページ上の他の場所にドラッグできるように、すべての を移動可能にしたいと考えています。ある種のフォトギャラリーに似ています。

純粋な JavaScript で可能ですか? それともjQuery？

transform:rotate(30deg)段落を軸上で傾けるようなものがすでにあることに注意してください。

4

5 に答える 5

2

jQuery UI Draggable を見てみましょう:

http://jqueryui.com/draggable/

于 2013-04-26T03:56:09.967 に答える
1

jQuery .draggable()を使用します。ドキュメントを参照してください。

http://jqueryui.com/draggable/

于 2013-04-26T04:03:34.737 に答える
1

jQuery UI ( http://jqueryui.com/ )で実行できます。スクリプトをドキュメントに含めたら、次を呼び出すことができます。

$(elements).draggable();
于 2013-04-26T03:57:49.983 に答える
1

jQuery UI を使用した単一のメソッド呼び出しで可能です。

jQuery UI ドラッグ可能

ドラッグ可能なフィドル

$("p").draggable();
于 2013-04-26T03:58:53.693 に答える
1

追加 -

    <script type="text/javascript">
  $(function() {
    $( "p" ).draggable();
  });
    </script>

この線の下 -

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

参考までに - デバッガー ( firebugまたは chrome 開発者ツール) を使用して jQuery エラーを読み取ってみてください。SOURCE コードを確認してください。このようなものです -

    <script type="text/javascript">
  $(function() {
    $( "p" ).draggable();
  });
    </script>
  </head>
  <body>
    <p class="rand"> This is the first paragraph  </p>
    <p class="rand"> This is the second one  </p>
    <p class="rand"> Here comes the third one  </p>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  </body>
</html>
于 2013-04-26T04:08:14.983 に答える