jquery - ドラッグ可能なコントロールのレイヤーを使用したテキスト入力ボックスのドラッグ アンド ドロップ

Question

私の主な目標は、解決策を見つけるためにWebをスキャンしたタイプのテキストの入力ボックスをドラッグアンドドロップできるようにすることですそれが表示されず、より大きな z-index

しかし、divのスタイル位置（絶対、相対、静的、または継承）のどれも私にとってはうまくいきませんでした

これは、js によって生成された html コードです。

これは、マルチレイヤーのアイデアのために追加したコードです。

    $('#' + inputID).css('z-index', '5');
    var draggableCtrl = '<div style="height: ' + $('#' + wrapperId).height() + ';width:' + $('#' + wrapperId).width() + ';background-color: blue; position: static; z-index: 10; top :' + pos.top + '; left :' + pos.left + ';"></div>';
    $('#'+wrapperId).append(draggableCtrl);

誰かが私が間違っていることを知っていますか?

あなたがここにたどり着いたなら、試してくれてありがとう:)