jquery resizable() 不工作（举例）

Question

请查看正在进行的工作：

http://rawgit.com/jfix/cover-image-position/master/index.html

我的目标是允许从桌面拖放到此页面，然后拖动图像并调整其大小。您应该能够将图像拖放到页面上并四处拖动。

但是，不起作用的是图像的大小调整。图像周围的框架上没有显示手柄，并且无法调整它的大小。控制台中没有错误。

相关代码在这里：

hdl.resizable({
    aspectRatio: true,
    autoHide: true,
    alsoResize: "#coverimage",
    handles: 'all',
    resize: function(event, ui) {
    cvr
        .css('left', ui.position.left)
        .css('top', ui.position.top);
    }
});

其中 hdl 是 assets/script.js 文件中 $('#handler') 的缩写形式。我应该注意到，这几乎是从这个 jsfiddle 中逐字复制的：http://jsfiddle.net/nL5ew/ 显然它工作正常。

我似乎找不到我的代码的问题。感谢您提供任何敏锐的见解。

Answer 1

使用此语法以获得更好的结果：

 $(selector, context).resizable({option1: value1, option2: value2..... });

Answer 2

检查了@RRR 的 JSFiddle，并将它与我的代码逐行比较后，我最终发现我没有包括一个，事实证明，来自 [=16= 的重要 CSS 文件] UI套房。这是缺少的行：

<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">

平心而论，@RRR 提供了正确的解决方案，不幸的是，不是在完整的答案中，而是在评论中。

jquery resizable() 不工作（举例）

jquery resizable() not working (with example)

javascript

jquery

resizable

jquery-ui-resizable