我试图让自定义句柄与 jquery ui 可调整大小的小部件一起使用,但是当我使用handles 选项将 jquery 引用传递给另一个元素时,它失败了。从我从文档和网络上的其他示例中读到的内容来看,这应该可以正常工作。
<div class="layer">
<div class="left">left</div>
<div class="center">center</div>
<div class="right">right</div>
</div>
$('.layer').resizable({
handles: {
'e': $('.right')
}
});
这是一个小提琴:http://jsfiddle.net/MatteS75/3dwVp/ http://jsfiddle.net/MatteS75/3dwVp/
我找到了一个解决方法。
通过将句柄选项设置为 null,并自己设置类,我可以让自定义句柄正常工作。这需要对 jquery ui 代码进行一些调查才能弄清楚。
<div class="layer" style="width: 150px;">
<div class="left">left</div>
<div class="center">center</div>
<div class="right ui-resizable-handle ui-resizable-e">right</div>
</div>
$('.layer').resizable({
handles: null
});
http://jsfiddle.net/MatteS75/3dwVp/7/ http://jsfiddle.net/MatteS75/3dwVp/7/
但是,我确实认为这是一个 jquery ui bug,与这个问题相关:用对象覆盖 jquery ui 小部件字符串选项 https://stackoverflow.com/questions/13031214/overriding-a-jquery-ui-widget-string-option-with-an-object
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)