1

こんにちは、HTML5 でドラッグ アンド ドロップが必要なプロジェクトに取り組んでいます。次のようになります: http://apps.sourcebits.com/cart543/index.html

しかし、私が望んでいたのは、ドラッグされた後でもドラッグ項目がその位置に留まり、画像をドラッグした後も、ドロップされた画像を同じ画像ではなく別の画像にしたいです。それを行う方法はありますか？前もって感謝します:)誰かが私のためにこれに関するチュートリアルを見つけたり、これのコードを教えてくれたりすると素晴らしいことです. 乾杯！

4

3 に答える 3

0

技術的なレベルでは、HTML だけではこれを行うことはできません。厳密にはマークアップ言語です。しかし、最近では、HTML5 はすべての Web テクノロジの最新のものであると見なされており、HTML 5.0 を意味するものではありません。

そうは言っても、ドラッグ アンド ドロップ機能を作成するには、JQuery などのクライアント側言語を使用する必要があるでしょう。サーバーにアップロードするファイルを計画している場合は、PHP などのサーバー側言語。ただし、しようとしていることがhttp://apps.sourcebits.com/cart543/index.htmlと同じである場合は、おそらく jquery のみが必要になります。

また、私のFirefoxでは、ページを右クリックしてページを何かとして保存できたことにも言及する価値があります。ローカル マシンで開くと、サイトとまったく同じように機能しました。そのため、sourcebits.com に対してそれを実行してから、必要な変更を加えることをお勧めします。

于 2013-08-14T08:25:25.023 に答える
0

リンクをたどるjquery UIでこれを見てください

$( ".selector" ).draggable({ helper: "clone" });
$( ".dropHere" ).droppable({
    accept: ":not(.ui-sortable-helper)",
     drop: function( event, ui ) {
    $('<div></div>').text( ui.draggable.text() ).appendTo( this );
}
});
于 2013-08-14T09:07:36.463 に答える