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>

draggable正在工作，但没有调整大小（）任何想法，我可能会在这里失踪？

这里是小提琴：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();

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

2 个答案: