jQuery可调整大小和可拖动窗口无法调整大小

时间:2015-06-06 13:48:20

标签: jquery html jquery-ui

我正在使用这个demo示例,该示例具有拖动和调整大小的功能,但是当我下载它时,只有拖动工作正常。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="jquery-ui.css">

<style>body,input{font-family:Calibri,Arial;margin:0px}h1{margin:0 0 0 20px}html,body,#container{height:100%}body>#container{height:auto;min-height:100%}#header{height:50px;background-color:#ddd;border-bottom:1px solid #aaa;width:100%}#footer{font-size:12px;clear:both;position:relative;z-index:10;height:3em;margin-top:-3em;text-align:center}.demo{width:150px;height:150px;padding:5px;background-color:#f81;position:absolute;top:150px;left:300px}#content{padding-bottom:3em}</style>
</head>
<body>
<div id="container">
<div class="demo ui-draggable ui-resizable">Move Me!!... Resize Me!!...<div style="-moz-user-select: none;" unselectable="on" class="ui-resizable-handle ui-resizable-e"></div><div style="-moz-user-select: none;" unselectable="on" class="ui-resizable-handle ui-resizable-s"></div><div unselectable="on" style="z-index: 1001; -moz-user-select: none;" class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se"></div></div>
</div>
<script>$(function(){$('.demo').draggable().resizable();});</script>
</body>
</html>

任何想法为什么?

1 个答案:

答案 0 :(得分:0)

请检查是否已加载所有jquery库。

在此demo中,我将jquery version 1.9.1jQuery UI 1.9.2一起使用。它的工作。