Question

我有一个动态创建的小MCE 文本区域( 使用外部工具栏), 在容器 Div 内。我试图让它可以拖动, 并且可以调整大小( 整个文本区域 ) 。

jQueryUI s.draggging () 与小MCE 一起工作, 但如果我使用. resible (), 则小MCE 外部工具栏在单击区域时不会出现。如果我在设置中使用小MCE 的缩放选项, 当单击以拖动大小时, 它会折断 jqueryUI 的可拖动功能( 整个框跟随鼠标并调整大小, 并且会放手) 。

Answer 1

我用 < a href=" "http://api.jqueryui.com/draggable/#option-handle" rel=“no follow”> handle 选项解决了这个问题, 选项是 jquery ui 拖动和拖动函数回调 :

div.draggable.handle = "div[role=group], td.mceLast";
div.draggable.drag = function ( event, ui ) {
    if ( $( event.srcElement ).is(  .mceResize  ) || $( event.originalEvent.target ).is(  .mceResize  ) ) {

        return false;
    }
};

Answer 2

这就是解决之道

“. merce- resizehandle” 是细微调整大小按钮的类

$( ".selector" ).resizable({
  cancel: ".mce-resizehandle,input,textarea,button,select,option",
});

$( ".selector" ).draggable({
  cancel: ".mce-resizehandle,input,textarea,button,select,option",
});

友情链接