私はちょうどJavascriptを学び始めており、jquery draggableを使ってドラッグアンドドロップを作成しました。私の最初のドラッグアンドドロップは動作しますが、それはベストプラクティスですか?
デモはここにある:
http://www.vwardv.com/doll6.html
私はjqueryのサイトに行って、デモを適応して遊んので、私はチュートリアルを見つけることができませんでした。それは動作しますが、私はそれが実際にコード化されるべき方法でコード化したかどうかわかりません。あなたが改善するものがあれば教えていただけたら本当に感謝しています。ここで
はコードです:
<!doctype html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
<script>
$(function() {
$("#draggable").draggable()
});
</script>
<script>
$(function() {
$("#draggable2").draggable();
});
</script>
<script>
$(function() {
$("#draggable3").draggable();
});
</script>
<script>
$(function() {
$("#draggable4").draggable();
});
</script>
<script>
$(function() {
$("#draggable5").draggable();
});
</script>
</head>
</body>
<div id="bodies/palepd.gif">
<img src="bodies/palepd.gif" class="ui-widget-content" id="draggable">
<img src="bodies/trousers.gif" class="ui-widget-content" id="draggable2">
<img src="bodies/top.gif" class="ui-widget-content" id="draggable3">
<img src="bodies/dress.gif" class="ui-widget-content" id="draggable4">
<img src="bodies/coat.gif" class="ui-widget-content" id="draggable5">
</div>
は
ヴィック
更新*
ありがとう、私は本当に感謝し、すべてのあなたのアドバイスをいただき、ありがとうございます。私は今あなたの助言に従ってコードを調整しました。私が何かを誤解したか、それ以上改善できるものがあれば教えてください。あなた
<!doctype html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$(".mydraggable").draggable();
});
</script>
</head>
<body>
<div id="items">
<img src="bodies/palepd.gif" class="mydraggable">
<img src="bodies/trousers.gif" class="mydraggable">
<img src="bodies/top.gif" class="mydraggable">
<img src="bodies/dress.gif" class="mydraggable">
<img src="bodies/coat.gif" class="mydraggable">
</div>
</body>
* 更新2
誰も私を伝えることができ、なぜ私たちべき 'UI-ウィジェットコンテンツ' の代わりの 'mydraggble' ありがとうございましたか!
は、今私は、たとえば、あなたはジャケットの後ろにトップを置くことができるようにアイテムを注文された次の段階、に移動する必要があるなど
私はページへの2つのボタンを追加する必要があります:1アイテムをレイヤー/レイヤーの上に移動し、レイヤー/レイヤーを下に移動します。これは明らかに、明確にするために、どの項目が選択されたかを示す手段を構築する必要があることを意味します。誰も私にこれらのことのどちらか/どちらかの正しい方向に向けることができますか?
おかげで再び
最大の問題は、彼女のパンツが全く合わないことが確かです。間違いなく最大;) – Interrobang