动态更改Jquery UI可拖动辅助对象的宽度并更改可拖放中的容差效果？

如何在Dropable中动态更改Jquery UI Dragable helper宽度和更改容差效果

案例：当我在jQueryUI中使一个助手可拖动时。然后把这个可拖动的物体放到可放下的区域。在droppable中，over函数必须更改此助手宽度。所以，在这个函数中，改变了辅助对象的宽度，但容差效应在Dropable中不起作用。见代码：

// let the gallery items be draggable
            $( ".elementDrag", elementContainer ).draggable({
                    revert: "invalid",
                    //helper: "clone",
                     helper: function(event) {

                        DOM2 = $('<div style="border: 1px solid;"></div>');
                        DOM2.outerWidth(passObj.width + 20);
                        DOM2.outerHeight(passObj.height);

                        return DOM2;
                                                      },
                    cursor: "move",
                    start: function(event, ui) 
                     {

                     },
                    stop: function(event, ui) 
                     {

                     }
                });



pageContainer.droppable({
                accept: ".elementDrag",
                tolerance: "fit",
                greedy: true,
                drop: function( event, ui ) 
                {
                                    outerContainer.removeClass('over');
                },
                over: function(event, ui) {
                    console.log(ui);
                    console.log(ui.helper);
                    console.log($(ui.helper).outerWidth());
                    // new width set but tolerance effect is not work .... 
                    $(ui.helper).outerWidth($(ui.helper).outerWidth() - 20);

                    console.log($(ui.helper).outerWidth());

                     outerContainer.addClass('over');
                },
                out: function() {
                     outerContainer.removeClass('over');
                }
            })