无法识别可调整大小

Question

我已将jquery ui包含在我的页面中并尝试将其重新调整为img，但它无效。

<script src="jquery-ui-1.10.3.custom.js" type="text/javascript"></script>

$('.jqte_editor').on('mouseup', 'img', function() {
  $('.jqte_editor img').draggable().resizable();
});

但它表示无法识别可调整大小。

修改 实际上，在这种情况下，它表示无法识别任何来自jqueryui的可拖动

Answer 1

这意味着jquery-ui-1.10.3.custom.js路径不正确或必需的模块draggable，resizable未包含

添加此内容并尝试

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

如果不起作用那么你可能已经包含其他JS库与jQuery，如Prototype或Mootools

Demo Link

Answer 2

希望您也添加了jQuery lib，因为它没有显示有关.on()

的任何错误

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>

而不是mouseup你可以直接拥有

$(document).ready(function () {    
    $('.jqte_editor img').draggable().resizable(); 
});

检查工作sample fiddle here。