WIP no html creation

Author: mgol

ui/effect.js

@@ -823,7 +823,7 @@ $.fn.extend( {
 
 	transfer: function( options, done ) {
 		var element = $( this ),
-			target = $( options.to ),
+			target = $( document ).find( options.to ),
 			targetFixed = target.css( "position" ) === "fixed",
 			body = $( "body" ),
 			fixTop = targetFixed ? body.scrollTop() : 0,

ui/widgets/draggable.js

@@ -540,7 +540,9 @@ $.widget( "ui.draggable", $.ui.mouse, {
 			o.containment = this.helper[ 0 ].parentNode;
 		}
 
-		c = $( o.containment );
+		c = typeof o.containment === "string" ?
+			$( document ).find( o.containment ) :
+			$( o.containment );
 		ce = c[ 0 ];
 
 		if ( !ce ) {

ui/widgets/resizable.js

@@ -369,6 +369,7 @@ $.widget( "ui.resizable", $.ui.mouse, {
 	_mouseStart: function( event ) {
 
 		var curleft, curtop, cursor, calculatedSize,
+			containmentElem,
 			o = this.options,
 			el = this.element;
 
@@ -380,8 +381,11 @@ $.widget( "ui.resizable", $.ui.mouse, {
 		curtop = this._num( this.helper.css( "top" ) );
 
 		if ( o.containment ) {
-			curleft += $( o.containment ).scrollLeft() || 0;
-			curtop += $( o.containment ).scrollTop() || 0;
+			containmentElem = typeof o.containment === "string" ?
+				$( document ).find( o.containment ) :
+				$( o.containment );
+			curleft += containmentElem.scrollLeft() || 0;
+			curtop += containmentElem.scrollTop() || 0;
 		}
 
 		this.offset = this.helper.offset();
@@ -1097,9 +1101,12 @@ $.ui.plugin.add( "resizable", "alsoResize", {
 
 	start: function() {
 		var that = $( this ).resizable( "instance" ),
-			o = that.options;
+			o = that.options,
+			alsoResize = typeof o.alsoResize === "string" ?
+				$( document ).find( o.alsoResize ) :
+				$( o.alsoResize );
 
-		$( o.alsoResize ).each( function() {
+		alsoResize.each( function() {
 			var el = $( this ),
 				elSize = that._calculateAdjustedElementDimensions( el );
 

ui/widgets/selectable.js

@@ -61,7 +61,7 @@ return $.widget( "ui.selectable", $.ui.mouse, {
 		// Cache selectee children based on filter
 		this.refresh = function() {
 			that.elementPos = $( that.element[ 0 ] ).offset();
-			that.selectees = $( that.options.filter, that.element[ 0 ] );
+			that.selectees = $( that.element[ 0 ] ).find( that.options.filter );
 			that._addClass( that.selectees, "ui-selectee" );
 			that.selectees.each( function() {
 				var $this = $( this ),
@@ -99,7 +99,10 @@ return $.widget( "ui.selectable", $.ui.mouse, {
 
 	_mouseStart: function( event ) {
 		var that = this,
-			options = this.options;
+			options = this.options,
+			appendTo = typeof options.appendTo === "string" ?
+				$( document ).find( options.appendTo ) :
+				$( options.appendTo );
 
 		this.opos = [ event.pageX, event.pageY ];
 		this.elementPos = $( this.element[ 0 ] ).offset();
@@ -108,11 +111,11 @@ return $.widget( "ui.selectable", $.ui.mouse, {
 			return;
 		}
 
-		this.selectees = $( options.filter, this.element[ 0 ] );
+		this.selectees = $( this.element[ 0 ] ).find( options.filter );
 
 		this._trigger( "start", event );
 
-		$( options.appendTo ).append( this.helper );
+		appendTo.append( this.helper );
 
 		// position helper (lasso)
 		this.helper.css( {

ui/widgets/sortable.js

@@ -198,9 +198,13 @@ return $.widget( "ui.sortable", $.ui.mouse, {
 		this.refreshPositions();
 
 		//Prepare the dragged items parent
-		this.appendTo = $( o.appendTo !== "parent" ?
-				o.appendTo :
-				this.currentItem.parent() );
+		if ( o.appendTo === "parent" ) {
+			this.appendTo = this.currentItem.parent();
+		} else {
+			this.appendTo = typeof o.appendTo === "string" ?
+				$( document ).find( o.appendTo ) :
+				$( o.appendTo );
+		}
 
 		//Create and append the visible helper
 		this.helper = this._createHelper( event );
@@ -1238,7 +1242,10 @@ return $.widget( "ui.sortable", $.ui.mouse, {
 	_setContainment: function() {
 
 		var ce, co, over,
-			o = this.options;
+			o = this.options,
+			containmentElem = typeof o.containment === "string" ?
+				$( document ).find( o.containment ) :
+				$( o.containment );
 		if ( o.containment === "parent" ) {
 			o.containment = this.helper[ 0 ].parentNode;
 		}
@@ -1257,8 +1264,8 @@ return $.widget( "ui.sortable", $.ui.mouse, {
 		}
 
 		if ( !( /^(document|window|parent)$/ ).test( o.containment ) ) {
-			ce = $( o.containment )[ 0 ];
-			co = $( o.containment ).offset();
+			ce = containmentElem[ 0 ];
+			co = containmentElem.offset();
 			over = ( $( ce ).css( "overflow" ) !== "hidden" );
 
 			this.containment = [