jquery - 你如何在 jquery 中进行可调整大小的工作

Question

我有一堆 div 我想将其设置为可调整大小，但我似乎没有让它工作：

我在我的页面上包含以下内容：

<link rel="stylesheet" href="js/jquery-ui.css" />
<script src="jquery.min.js"></script>
<script src="js/jquery-ui.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $( "#popup_box" ).draggable();
    $( "#app1_cpu" ).draggable();
    $( "#app1_cpu" ).resizable();
});
</script>

可拖动的工作但不能调整大小（）我可能在这里遗漏的任何想法？

这是小提琴：http: //jsfiddle.net/gsaray101/RveaK/3/

看起来图表正在覆盖可调整大小的图像。任何想法如何将可调整大小的图像移动到 div 之外？

Answer 1

您的编码工作正常。也许一些JS文件冲突。

最好尝试使用链接：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

检查JSFiddle。

Answer 2

如果您希望 id #app1_cpu 既可拖动又可调整大小，请尝试执行以下操作：

 $("#app1_cpu").draggable().resizable();