これを真似しようと
これは私のドラッグ可能です:
$( function() {
$('#sidebar .question-constructor').draggable({
connectToSortable:'#preview',
scroll: false,
helper : 'clone',
cursorAt: { top: 56, left: 200 }
});
});
そして私のdiv
<div class="question-constructor" style="border-style:solid; border-width:5px;">
<label for="textbox" style="display: inline-block;" >Question: </label>
<input id="textbox" type="text" />
</div>
私の現在の出力は次のようなものです:
私の目標にはかなり遠いです。しかし、今のところ、私の目標画像と同じように、ドラッグ可能のクローンに影を付ける方法を知りたいですか?
アップデート:
このスニペットを使用してみました:
$('.question-constructor').animate({ boxShadow : "0 0 5px 3px rgba(100,100,200,0.4)" });
ドラッグ可能なセレクターの外に配置しましたが、まだ機能していません。