2017-03-23 1 views
0

jquery draggableを使用して、下のコンボボックスで画像をドラッグする方法を教えてください。以下のコンボボックスで画像をドラッグ

Divとイメージを入れてコンボボックスを作成する必要があるかどうかわかりません。

私はすでにイメージをドラッグ可能にしていますが、私はどのようにコンボボックスを下に置くことができるのか分かりません。

+0

私たちはあなたが抱えている問題の診断や手伝いをする前に、いくつかのコードを見る必要があります。 – frosty

答えて

0

それが記載されている任意のコードなしで伝えるのは難しいのですが、ここではドラッグ可能なドキュメントからセットアップです:

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>jQuery UI Draggable - Default functionality</title> 
 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
 
    <style> 
 
    #draggable { width: 150px; height: 150px; padding: 0.5em; } 
 
    </style> 
 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
    <script> 
 
    $(function() { 
 
    $("#draggable").draggable(); 
 
    }); 
 
    </script> 
 
</head> 
 
<body> 
 
    
 
<div id="draggable" class="ui-widget-content"> 
 
    <p>Drag me around</p> 
 
</div> 
 
    
 
    
 
</body> 
 
</html>

あなたはidを持つ要素の下にあるボックスを必要とするかのように思え"ドラッグ可能"。 $( "#draggable").draggable();と同じ方法でドロップ可能にすることができます。

しかし、コードサンプルは非常に役に立ちます。

関連する問題