jquery - divの高さを変更する

Question

次のダブルクリックのスクリプトがあり、高さを変更したいと思います。divを200pxの高さになるまで下にドラッグしますが、ハンドルをダブルクリックしても0pxに戻りません。

私が間違っていることがわかりませんか？

http://jsfiddle.net/rYFEY/30/

Answer 1

このような？ http://jsfiddle.net/rYFEY/33/

これは新しいイベントハンドラーです。1行だけ追加しました：

    $('.ui-resizable-s').dblclick(function(){
        alert('clicked bottom handle');
        $("#divTest").height(0);
    })

Answer 2

$('.ui-resizable-s').dblclick(function(){
    $( "#divTest" ).css({height: 0});
})

それが役に立てば幸い。

Answer 3

これはFFで機能するようです：

$(document).ready( function() {
    $( "#divTest" ).resizable({
        maxHeight: 200,
        maxWidth: 100,
        minHeight: 0,
        minWidth: 100,
          handles:'s',
            resize: function(event, ui) {
            $( "#divHeight" ).empty().append("height: " + $(this).height());
        }
    });

    $('.ui-resizable-s').dblclick(function(){$( "#divTest" ).height(0);})
});

Answer 4

これを試して

http://jsfiddle.net/rYFEY/38/

Answer 5

mmサイズをリセットするデフォルトの関数が見つからないため、手動でdivの高さをゼロに戻します。

$("#divTest").height('0');

したがって、これが現在の方法であり、より複雑な動作を維持したい場合は、以前の高さ、幅などを手動で変数に保持し、トリガーされたイベントに応じて手動で再設定すると思います。