0

これを真似しようとここに画像の説明を入力

これは私のドラッグ可能です:

$( 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)" });

ドラッグ可能なセレクターの外に配置しましたが、まだ機能していません。

4

2 に答える 2