我正在尝试实现JQueryUI可调整大小。它不起作用 下面是我的暂定演示,稍后我将在实际代码中实现。请帮我解决它。它不起作用。
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<style>
#resizable { width: 150px; height: 150px; padding: 0.5em; }
#resizable h3 { text-align: center; margin: 0; }
.ui-resizable-helper { border: 1px dotted gray; }
</style>
<script>
$(function() {
//var a = $("#resizable").html();
//alert(a);
$("#resizable").resizable();
});
</script>
</head>
<body>
<div id="demo-frame">
<meta charset="utf-8">
<div class="demo">
<div class="ui-widget-content ui-resizable" id="resizable">
<h3 class="ui-widget-header">Resizable</h3>
<div class="ui-resizable-handle ui-resizable-e" style="z-index: 1000;"></div>
<div class="ui-resizable-handle ui-resizable-s" style="z-index: 1000;"></div>
<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1000;"></div>
</div>
</div>
</div>
</body>
是
您在div 内部拥有的div 似乎导致了问题。 我在这个jsFiddle http://jsfiddle.net/ta9N4/上评论了他们,它似乎工作正常。
方法resizable()
来自jQuery UI API。而且你没有在你的html页面中包含jQueryUI.
转到此处下载它(或获取此文件的链接(,并像对jQuery(<script>
标签(所做的那样包含它.