如何使缩放器可拖动?

时间:2013-07-22 01:17:35

标签: 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中不起作用。

我的第二个问题是如何为内中心和内南区0设置边距?我尝试了保证金:0px 0px 0px 0px但它似乎没有做任何事情。

1 个答案:

答案 0 :(得分:1)

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

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