Пользовательский интерфейс JQuery: есть ли способ увеличить высоту элемента div с изменяемым размером, когда его ширина станет меньше?

У меня есть 2 div (myDiv1 и myDiv2), которые расположены внутри другого div (otherDiv), который в конечном итоге находится внутри asp: TabPanel. Я использую функцию изменения размера JQuery IU (которую можно увидеть здесь: http://jqueryui.com/demos/resizable/) в myDiv1. myDiv1 может быть изменен только по ширине. Моя дилемма заключается в том, что высота div не изменяется, когда ширина укорачивается, а содержимое выливается снизу.

<script type="text/javascript" language="javascript">
     $(document).ready(function () {
        $('#myDiv1').resizable({ handles: 'e' });
    });
 </script>

 <asp:TabPanel>
     <div id="otherDiv">
         <div id="myDiv1">
             ... Some Stuff ...
         </div>
         <div id="myDiv2">
             ... Some Other Stuff ...
         </div>
     </div>
 </asp:TabPanel>

У кого-нибудь есть предложения?


html jquery width height resizable
person Stylzs05    schedule 16.02.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Событие resize можно использовать для выполнения вашего собственного кода всякий раз, когда пользователь изменяет размер элемента. Отсюда вы можете рассчитать ширину и изменить высоту.

$("something").resizable({
    // ...
    resize: function(event, ui){
        // do stuff here
    },
    // ...
});
person James Montagne    schedule 16.02.2012