Question

我有2个div（myDiv1和myDiv2）位于另一个div（otherDiv）中，它最终位于asp：TabPanel中。我在myDiv1上使用JQuery IU的Resizable函数（可以在这里看到：http://jqueryui.com/demos/resizable/）。 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>

有人有任何建议吗？

Answer 1

每当用户调整元素大小时，resize事件都可用于执行您自己的代码。从这里你可以计算宽度并修改高度。

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

JQuery UI：当宽度变小时，有没有办法让Resizable div的高度变得更高？

1 个答案: