javascript - 如何使尺寸调整器可拖动?

标签 javascript jquery html jquery-ui

如果您查看此演示,调整大小是可拖动的:http://layout.jquery-dev.net/demos/simple.html

<head>
    <title>Summation</title>
    <script src="jquery-latest.js"></script>
    <script src="jquery.layout-latest.js"></script>
    <script src="rotaercz.layout.js"></script>
    <script>
        $(document).ready(function () {
            $('body').layout({ 
                applyDefaultStyles: true
            });

            $('#inner').layout({
                applyDefaultStyles: true
            });
        });
    </script>
</head>

<body>
    <div class="ui-layout-north">North</div>
    <div class="ui-layout-center" id="inner">
        <div class="ui-layout-center">Inner Center</div>
        <div class="ui-layout-south">Inner South</div>
    </div>
    <div class="ui-layout-west">West</div>
</body>

这是我目前拥有的:http://jsfiddle.net/JPEaa/1/

如何使缩放器像演示中那样可拖动?我似乎无法弄清楚。它在 jsfiddle 中可以拖动,但在 Google Chrome 中似乎不起作用。

我的第二个问题是如何使 Inner Center 和 Inner South 的边距为 0?我尝试了 margin: 0px 0px 0px 0px 但它似乎没有做任何事情。

最佳答案

我明白了。我只是没有以下行...

<script type="text/javascript" src="jquery-ui-1.10.3.js"></script>

关于javascript - 如何使尺寸调整器可拖动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17778632/

相关文章:

javascript - $timeout 的行为有所不同

javascript - 尝试了解导致此 JavaScript 错误的原因

javascript - 是否可以在不更改页面的情况下打开外部 URL - 类似于那些 javascript 图像查看器弹出窗口

javascript - Chrome 操纵 Javascript 参数?

javascript - 为平板电脑和移动设备复制 mousemove() 事件

jquery - 更改同级元素 z-index 值的增量倒计时

jquery - 如何按名称更改每个元素的样式?

javascript - 选择不同的下拉菜单后填写下拉菜单

javascript - 使用 Wordpress 的 AJAX 哈希 HREF

javascript - 如何使用 toDataURL 创建无损 WebP 图像?