これはJQuery UI の Custom Resizable Handlesの複製である可能性がありますが、その投稿では、ハンドルがサイズ変更可能な要素の子要素ではないことについて話しており、jQuery UI のどのバージョンを指定していません。
APIは、カスタム ハンドルを次のように定義できると述べています。
次のキーがサポートされています: { n、e、s、w、ne、se、sw、nw }。指定された any の値は、そのハンドルとして使用するサイズ変更可能な要素の子要素に一致する jQuery セレクターである必要があります。
私のコードでは、ハンドルはサイズ変更可能な要素の子要素であり、jQuery は次のとおりです。
$("#searchbar_container").resizable({
handles: {w: '#searchbar_handle_top'},
maxWidth: 445,
minWidth: 20,
start: function(event, ui) {},
stop: function(event, ui) {
$("#searchbar_container").css('height', '');
}
});
レガシーバージョンの jQuery UI (1.8.24): linkで動作させることができ ますが、「安定した」バージョンの jQuery UI (1.9.0) とまったく同じコード: linkでは動作しません。どちらのページも同じバージョンの jQuery コア (1.8.2) を使用しています。
jQuery UI の安定版では、次のコンソール エラーが発生します。
キャッチされないエラー: 構文エラー、認識されない式: 、jquery-1.8.2.min.js:2
私のやり方が間違っていると思う人はいますか?
乾杯