2

以下のようなサイズ変更可能なセル (スプリッター) を作成しようとしています http://methvin.com/splitter/3csplitter.html

しかし、jQuery UI を使用してそれを行う必要があります。

jQuery UI を使用してどのように同様のことを達成できるかはわかりません。

jQuery UI Resiable ( http://jqueryui.com/resizable/ )を使用することは可能ですか?

はいの場合、同じ参考例を教えてください。Methvin.com/splitter と同様に動作する必要があります。

4

2 に答える 2

4

これは私が1日使用したコードです:

$(".resizable1").resizable({
    handles: 'e',
    minWidth: '50',
    maxWidth: '350',
    resize: function() {
        var remainingSpace = $(this).parent().width() - $(this).outerWidth(),
            divTwo = $(this).next(),
            divTwoWidth = remainingSpace - (divTwo.outerWidth() - divTwo.width());
        divTwo.width(divTwoWidth);
    }
});

http://jsfiddle.net/8qzTJ/

于 2013-03-10T07:28:18.993 に答える
0

これは jquery ui で確実に可能です。こちらのドキュメントをご覧くださいhttp://jqueryui.com/resizable/#helperこれは簡単な例です

$(function() {
    $( "#resizable" ).resizable({
      handles: "n,e,s,w" // chose the handle you want
    });
  });
于 2013-03-10T07:14:50.533 に答える