jQuery 可调整大小(） 不起作用(带有示例）

jquery resizable() not working (with example)

本文关键字：不起作用 可调整 jQuery      更新时间：2023-09-26

请看正在进行的这项工作：

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/它工作正常的地方。

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

在检查了@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提供的，不幸的是，这不是一个完整的答案，而只是在评论中。

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

 $(selector, context).resizable({option1: value1, option2: value2..... });
相关文章：