この要素の子ではない、サイズ変更可能な jQuery UI 要素のカスタム ハンドルが必要です。jQuery UIドキュメントページに記載されている方法で試してみましたが、これを機能させることができず、理由が不足しています。
これは私のセットアップ例です(機能していません):
HTML
<div id="wrapper">
<div id="resize-me"></div>
</div>
<div class="ui-resizable-handle ui-resizable-n" id="n-resize-handle"></div>
<div class="ui-resizable-handle ui-resizable-e" id="e-resize-handle"></div>
<div class="ui-resizable-handle ui-resizable-s" id="s-resize-handle"></div>
<div class="ui-resizable-handle ui-resizable-w" id="w-resize-handle"></div>
<div class="ui-resizable-handle ui-resizable-ne" id="ne-resize-handle"></div>
<div class="ui-resizable-handle ui-resizable-se" id="se-resize-handle"></div>
<div class="ui-resizable-handle ui-resizable-sw" id="sw-resize-handle"></div>
<div class="ui-resizable-handle ui-resizable-nw" id="nw-resize-handle"></div>
JS
$('#resize-me').resizable({
handles: {
n: $('#n-resize-handle'),
e: $('#e-resize-handle'),
s: $('#s-resize-handle'),
w: $('#w-resize-handle'),
ne: $('#ne-resize-handle'),
se: $('#se-resize-handle'),
sw: $('#sw-resize-handle'),
nw: $('#nw-resize-handle')
}
});
codepen.ioでこの問題のデモを用意しました
そのようなものを実装する方法の例をネット全体で検索しました。多分誰かがそれをして、私が欠けているものを指摘することができますか?
私はすでにこのSOの質問を見ましたが、回答の作成者が述べたように、それに対する回答はプロダクションコードでは実行できないため、重複していないと思います。
どんな助けでも大歓迎です。