2016-05-09 2 views
2

jquery 'resizable'でdivのサイズを変更したいです。この.outerDivにはもう1つの.innerDivがあります。jquery resizable - divが現在のサイズより大きいか小さいかを取得する機会はありますか?

私が達成したいのは、ユーザーが外側のdivのサイズを変更したとき、内側のdivの高さを計算したい(内側のdivに100%の高さを与えることはできません)。私はこのような新しい高さを取得することができています

:私は小さいサイズにdi​​v要素のサイズを変更する場合

resize: function(event, ui) { 
      var currentHeight = $('.table-container').height(); 
      $('.table-container').height(currentHeight+1); 
      } 

は、しかし、私はわからない

resize: function(event, ui) { 
      var currentHeight = $('.table-container').height(); 
      $('.table-container').height(currentHeight-1); 
      } 

を持つようにしたい、私はどのように取得することができます(高さは+ 1でなければなりません)

誰かが手がかりを与えることができます。それは..

答えて

0

私はあなたの問題を解決すると思います。セマフォと疑問符演算子注:

function handleResizeSignum(context) { 
    var previousHeight; 
    var green = true; 
    function refreshPreviousHeight(h) { 
     previousHeight = h; 
    } 
    context.resize(function() { 
     if (!green) return; 
     green = false; 
     refreshPreviousHeight($(this).height($(this).height() + ($(this).height() >= previousHeight) ? 1 : -1).height()); 
     green = true; 
    }); 
} 
+0

感謝を。これは私のシナリオで本当にうまくいった。 あなたの時間と解決に感謝します。 –

+0

@ShrutiJog、あなたは大歓迎です。あなたの質問に対する答えが見つかった場合は、同様の問題を抱えている人を助けるために投稿してください。 –

0

このソリューションは、私を助け:答えを.. は何とかi 'はalsoResize' オプションによってそれを管理@Lajos

$('.modal-content-objectProperty').resizable({ 
    minHeight: 385, 
    minWidth: 600, 
    maxHeight: 600, 
    maxWidth: 1050, 
    alsoResize:".modal-content-objectProperty .react-bs-table-container, .modal-content-objectProperty .table-container", 
    resize: function(event, ui) {$('.modal-content-objectProperty').height('auto');} 
}); 
関連する問題