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是$('#handler')文件中assets/script.js的简短格式。我应该注意到，这几乎是从这个jsfiddle中逐字复制的：http://jsfiddle.net/nL5ew/它显然正常工作。

我似乎无法找到代码的问题。感谢您提供的任何鹰眼见解。

Answer 1

检查了@ RRR的JSFiddle，并将其逐行与我的代码进行比较后，我发现我没有在JQuery UI套件中包含一个重要的CSS文件。这是缺少的一行：

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

公平地说，正确的解决方案是由@RRR提供的，遗憾的是，这不是一个完整的答案，只是在评论中。

Answer 2

use this syntax for better result:

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

jquery resizable（）不工作（带示例）

2 个答案: