我需要具有jQuery UI可调整大小的元素的自定义句柄,这些元素不是此元素的子元素.我试着以
jQuery UI documentation page记录的方式做到这一点,但是我不能让这个工作得到解决.
这是我的示例设置(不工作)：@H_301_3@
HTML@H_301_3@
<div id="wrapper"> <div id="resize-me"></div> </div> <div class="ui-resizable-handle ui-resizable-n" id="n-resize-handle"></div> <div class="ui-resizable-handle ui-resizable-e" id="e-resize-handle"></div> <div class="ui-resizable-handle ui-resizable-s" id="s-resize-handle"></div> <div class="ui-resizable-handle ui-resizable-w" id="w-resize-handle"></div> <div class="ui-resizable-handle ui-resizable-ne" id="ne-resize-handle"></div> <div class="ui-resizable-handle ui-resizable-se" id="se-resize-handle"></div> <div class="ui-resizable-handle ui-resizable-sw" id="sw-resize-handle"></div> <div class="ui-resizable-handle ui-resizable-nw" id="nw-resize-handle"></div>
JS@H_301_3@
$('#resize-me').resizable({
handles: {
n: $('#n-resize-handle'),e: $('#e-resize-handle'),s: $('#s-resize-handle'),w: $('#w-resize-handle'),ne: $('#ne-resize-handle'),se: $('#se-resize-handle'),sw: $('#sw-resize-handle'),nw: $('#nw-resize-handle')
}
});
我在codepen.io准备了这个问题的演示@H_301_3@
我在网上搜索了如何实现类似的例子.也许有人在这里做到了,可以指出我失踪了什么？@H_301_3@
我已经看过this SO question,但是我认为这不是重复的,因为答案的作者所说的那样,生产代码的答案是不可行的.@H_301_3@
任何帮助将不胜感激.@H_301_3@
