javascript - Resizable で maxWidth オプションの特定の値を追加するには?

Question

http://jsfiddle.net/ndpnU/2/

maxWidth を設定したいのですが、解決策が見つかりません。助けてください。

私はこれを使用します：

$("#one").resizable({
    minWidth: 200,
    handles: 'e',
    maxWidth: $(this).next().width() - 200 + $(this).width(),
    alsoResizeReverse: "#two",

});

Answer 1

サイズ変更可能なプロパティはmaxWidth実際に設定されていますが、期待する値ではありません。ブラウザーでページを読み込むと、maxWidth約 1200 に設定されています。これは、$(this).next().width()null が返され、$(this).width()おそらく期待する値が返されないためです。

が要素をthis参照していると想定しているようです。#oneただし、コードでは、this実際には#document要素を参照します。したがって、$(this).next() は#document兄弟要素がないため null を返します。これは、ブラウザーで JS デバッグ/開発者ツールを使用して確認できます。

おそらく の代わりに、本当に要素#documentを使いたいでしょう。#oneその場合、次のようにコードを修正できます。

var $oneEl = $("#one");
$oneEl.resizable({
    minWidth: 200,
    handles: 'e',
    maxWidth: $oneEl.next().width() - 200 + $oneEl.width(),
    alsoResizeReverse: "#two",
});