Изменяемый размер div внутри div - PullRequest
Новая
       8

Изменяемый размер div внутри div

1 голос
/ 27 января 2011

Мне нужно 3 деления, которые будут охватывать весь экран (100%, но это не главное) и иметь возможность регулировать их ширину с помощью мыши.Функциональность, которую я пытаюсь достичь, заключается в возможности уменьшить ширину одного div, в результате чего другой div становится шире.

Я думаю об использовании jQuery UI Resizable, но я не смог найти никаких примеров использованиячто с несколькими div.

Любые иды или ссылки на примеры?

1 Ответ

4 голосов
/ 27 января 2011

Вы должны проверить плагин jQuery Layout , делая именно то, что вам нужно, и многое другое.

Вы можете сделать то, что вам нужно, как это (не проверено, но должно работать): 

<html>
<head>
<script src="jquery.js"></script>
<script src="jquery.layout.js"></script>
<script>
    $(document).ready(function () {
        $('body').layout({ applyDefaultStyles: true });
    });
</script>
</head>
<body>
<div class="ui-layout-center">Center</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West</div>
</body>
</html>
...