1

javascriptと を使用してページに配置した、ドラッグ可能な要素を含める必要がある Web プロジェクトに取り組んでいますjquery。

すべてが意図したとおりに機能していますが、ドラッグ可能な div はその上と下の間のスペースを占有divします。ページを読み込んだ直後に、このドラッグ可能な要素をページの残りの部分の上に配置したいと考えています。つまり、上と下の間のスペースを占有せず、すべての上に生成されるようにしたいと考えていdivますdiv。以下のビデオと jsfiddle を参照してください。

どうすればこれを達成できるでしょうか?

Draggable_Cat

JSFiddle

4

1 に答える 1

2

position:absolute;次のように使用します。

$(function() {
  $("#draggable").draggable().css("position", "absolute");;
});

Jsfiddleを更新しました。

また、CSS で間違ったセレクタ タイプを使用していました。HTML には id がdraggableあり、CSS ではそれをクラスとして使用していました。

CSS を次のように変更します。

.draggable { 
    z-index: 4000;
    width: 350px; 
    height: 350px; 
    padding: 0em;
}

これとともに：

#draggable { 
    z-index: 4000;
    width: 350px; 
    height: 350px; 
    padding: 0em;
}
于 2016-12-17T21:22:45.507 に答える