diff --git a/AUTHORS.txt b/AUTHORS.txt
index 09ff07211..892e2ec76 100644
--- a/AUTHORS.txt
+++ b/AUTHORS.txt
@@ -203,3 +203,8 @@ Luis Dalmolin
Mark Aaron Shirley
Martin Hoch
Jiayi Yang
+Philipp Benjamin Köppchen
+Sindre Sorhus
+Bernhard Sirlinger
+Jared A. Scheel
+Rafael Xavier de Souza
diff --git a/build/core.json b/build/core.json
index deeb2e118..a9cac173a 100644
--- a/build/core.json
+++ b/build/core.json
@@ -62,6 +62,7 @@
"abstraction",
"state",
"factory"
- ]
+ ],
+ "docs": "http://api.jqueryui.com/jQuery.widget/"
}
}
diff --git a/build/release/changelog-shell b/build/release/changelog-shell
index 9e4fbd7e4..9c9df9350 100644
--- a/build/release/changelog-shell
+++ b/build/release/changelog-shell
@@ -10,70 +10,68 @@ Move all commit notes to the appropriate section.
- If there is no ticket number, search Trac for the relevant ticket.
- If there is no ticket, create one (if needed), or leave just the commit link.
-Double check that "XXXX" does not appear anywhere in the changelog.
+Double check that "TICKETREF" does not appear anywhere in the changelog.
-Post this changelog at: CHANGELOG_URL
+Add this changelog to jqueryui.com.
DELETE EVERYTHING ABOVE THE FOLLOWING LINE
------------------------------------------
+
-= Summary =
-This is the final release of jQuery UI 1.8.
--- OR --
-This is the second maintenance release for [[UI/Changelog/1.8|jQuery UI 1.8]].
+## Build
-= Build =
+## Core & Utilities
-= Core & Utilities =
+### UI Core
-=== UI Core ===
+### Mouse
-=== Mouse ===
+### Widget Factory
-=== Widget Factory ===
+### Position
-=== Position ===
+## Interactions
-= Interactions =
+### Draggable
-=== Draggable ===
+### Droppable
-=== Droppable ===
+### Resizable
-=== Resizable ===
+### Selectable
-=== Selectable ===
+### Sortable
-=== Sortable ===
+## Widgets
-= Widgets =
+### Accordion
-=== Accordion ===
+### Autocomplete
-=== Autocomplete ===
+### Button
-=== Button ===
+### Datepicker
-=== Datepicker ===
+### Dialog
-=== Dialog ===
+### Progressbar
-=== Progressbar ===
+### Slider
-=== Slider ===
+### Tabs
-=== Tabs ===
+## Effects
-= Effects =
+### Individual effects
-=== Individual effects ===
+## CSS Framework
-= CSS Framework =
+## Demos
-= Demos =
+## Website
-= Website =
-
-=== Download Builder ===
+### Download Builder
diff --git a/build/release/release.js b/build/release/release.js
index 401f2366e..9a0f9a9e7 100644
--- a/build/release/release.js
+++ b/build/release/release.js
@@ -64,6 +64,9 @@ function cloneRepo() {
if ( exec( "npm install" ).code !== 0 ) {
abort( "Error installing dependencies." );
}
+ if ( exec( "npm install download.jqueryui.com" ).code !== 0 ) {
+ abort( "Error installing dependencies." );
+ }
echo();
}
@@ -103,10 +106,12 @@ function getVersions() {
major = parseInt( parts[ 0 ], 10 );
minor = parseInt( parts[ 1 ], 10 );
patch = parseInt( parts[ 2 ], 10 );
+
// TODO: handle 2.0.0
if ( minor === 0 ) {
abort( "This script is not smart enough to handle the 2.0.0 release." );
}
+
prevVersion = patch === 0 ?
[ major, minor - 1, 0 ].join( "." ) :
[ major, minor, patch - 1 ].join( "." );
@@ -143,8 +148,7 @@ function buildRelease() {
echo();
echo( "Building release..." );
- // TODO: Build themes
- if ( exec( "grunt release" ).code !== 0 ) {
+ if ( exec( "grunt release_cdn" ).code !== 0 ) {
abort( "Error building release." );
}
echo();
@@ -190,7 +194,9 @@ function generateChangelog() {
var commits,
changelogPath = baseDir + "/changelog",
changelog = cat( "build/release/changelog-shell" ) + "\n",
- fullFormat = "* %s (TICKETREF, [http://github.com/jquery/jquery-ui/commit/%H %h])";
+ fullFormat = "* %s (TICKETREF, [%h](http://github.com/jquery/jquery-ui/commit/%H))";
+
+ changelog = changelog.replace( "{title}", "jQuery UI " + newVersion + " Changelog" );
echo ( "Adding commits..." );
commits = gitLog( fullFormat );
@@ -205,7 +211,7 @@ function generateChangelog() {
});
return tickets.length ?
commit.replace( "TICKETREF", tickets.map(function( ticket ) {
- return "[http://bugs.jqueryui.com/ticket/" + ticket + " #" + ticket + "]";
+ return "[#" + ticket + "](http://bugs.jqueryui.com/ticket/" + ticket + ")";
}).join( ", " ) ) :
// Leave TICKETREF token in place so it's easy to find commits without tickets
commit;
diff --git a/build/tasks/build.js b/build/tasks/build.js
index bbe63da2c..2f191b69a 100644
--- a/build/tasks/build.js
+++ b/build/tasks/build.js
@@ -171,97 +171,68 @@ grunt.registerMultiTask( "md5", "Create list of md5 hashes for CDN uploads", fun
grunt.log.writeln( "Wrote " + this.file.dest + " with " + hashes.length + " hashes" );
});
-// only needed for 1.8
-grunt.registerTask( "download_docs", function() {
- function capitalize(value) {
- return value[0].toUpperCase() + value.slice(1);
- }
- // should be grunt.config("pkg.version")?
- var version = "1.8",
- docsDir = "dist/docs",
- files = "draggable droppable resizable selectable sortable accordion autocomplete button datepicker dialog progressbar slider tabs position"
- .split(" ").map(function(widget) {
- return {
- url: "http://docs.jquery.com/action/render/UI/API/" + version + "/" + capitalize(widget),
- dest: docsDir + '/' + widget + '.html'
- };
- });
- files = files.concat("animate addClass effect hide removeClass show switchClass toggle toggleClass".split(" ").map(function(widget) {
- return {
- url: "http://docs.jquery.com/action/render/UI/Effects/" + widget,
- dest: docsDir + '/' + widget + '.html'
- };
- }));
- files = files.concat("Blind Clip Drop Explode Fade Fold Puff Slide Scale Bounce Highlight Pulsate Shake Size Transfer".split(" ").map(function(widget) {
- return {
- url: "http://docs.jquery.com/action/render/UI/Effects/" + widget,
- dest: docsDir + '/effect-' + widget.toLowerCase() + '.html'
- };
- }));
- grunt.file.mkdir( "dist/docs" );
- grunt.utils.async.forEach( files, function( file, done ) {
- var out = fs.createWriteStream( file.dest );
- out.on( "close", done );
- request( file.url ).pipe( out );
- }, this.async() );
-});
-
-grunt.registerTask( "download_themes", function() {
- // var AdmZip = require('adm-zip');
- var done = this.async(),
- themes = grunt.file.read( "build/themes" ).split(","),
- requests = 0;
- grunt.file.mkdir( "dist/tmp" );
- themes.forEach(function( theme, index ) {
- requests += 1;
- grunt.file.mkdir( "dist/tmp/" + index );
- var zipFileName = "dist/tmp/" + index + ".zip",
- out = fs.createWriteStream( zipFileName );
- out.on( "close", function() {
- grunt.log.writeln( "done downloading " + zipFileName );
- // TODO AdmZip produces "crc32 checksum failed", need to figure out why
- // var zip = new AdmZip(zipFileName);
- // zip.extractAllTo('dist/tmp/' + index + '/');
- // until then, using cli unzip...
- grunt.utils.spawn({
- cmd: "unzip",
- args: [ "-d", "dist/tmp/" + index, zipFileName ]
- }, function( err, result ) {
- grunt.log.writeln( "Unzipped " + zipFileName + ", deleting it now" );
- fs.unlinkSync( zipFileName );
- requests -= 1;
- if (requests === 0) {
- done();
- }
- });
- });
- request( "http://ui-dev.jquery.com/download/?" + theme ).pipe( out );
- });
-});
-
-grunt.registerTask( "copy_themes", function() {
- // each package includes the base theme, ignore that
- var filter = /themes\/base/,
- files = grunt.file.expandFiles( "dist/tmp/*/development-bundle/themes/**/*" ).filter(function( file ) {
- return !filter.test( file );
- }),
- // TODO the grunt.template.process call shouldn't be necessary
+grunt.registerTask( "generate_themes", function() {
+ var download, files, done,
target = "dist/" + grunt.template.process( grunt.config( "files.themes" ), grunt.config() ) + "/",
distFolder = "dist/" + grunt.template.process( grunt.config( "files.dist" ), grunt.config() );
- files.forEach(function( fileName ) {
- var targetFile = fileName.replace( /dist\/tmp\/\d+\/development-bundle\//, "" ).replace( "jquery-ui-.custom", "jquery-ui" );
- grunt.file.copy( fileName, target + targetFile );
+ try {
+ require.resolve( "download.jqueryui.com" );
+ } catch( e ) {
+ throw "You need to manually install download.jqueryui.com for this task to work";
+ }
+
+ // copy release files into download builder to avoid cloning again
+ grunt.file.expandFiles( distFolder + "/**" ).forEach(function( file ) {
+ grunt.file.copy( file, "node_modules/download.jqueryui.com/release/" + file.replace(/^dist/, "") );
});
- // copy minified base theme from regular release
+ download = new ( require( "download.jqueryui.com" ) )();
+
files = grunt.file.expandFiles( distFolder + "/themes/base/**/*" );
files.forEach(function( fileName ) {
grunt.file.copy( fileName, target + fileName.replace( distFolder, "" ) );
});
+
+ done = this.async();
+ grunt.utils.async.forEach( download.themeroller.gallery(), function( theme, done ) {
+ var folderName = theme.folderName(),
+ concatTarget = "css-" + folderName,
+ cssContent = theme.css(),
+ cssFolderName = target + "themes/" + folderName + "/",
+ cssFileName = cssFolderName + "jquery.ui.theme.css",
+ cssFiles = grunt.config.get( "concat.css.src" )[ 1 ].slice();
+
+ grunt.file.write( cssFileName, cssContent );
+
+ // get css components, replace the last file with the current theme
+ cssFiles.splice(-1);
+ cssFiles.push( "" );
+ grunt.config.get( "concat" )[ concatTarget ] = {
+ src: [ "", cssFiles ],
+ dest: cssFolderName + "jquery-ui.css"
+ };
+ grunt.task.run( "concat:" + concatTarget );
+
+ theme.fetchImages(function( err, files ) {
+ if ( err ) {
+ done( err );
+ return;
+ }
+ files.forEach(function( file ) {
+ grunt.file.write( cssFolderName + "images/" + file.path, file.data );
+ });
+ done();
+ });
+ }, function( err ) {
+ if ( err ) {
+ grunt.log.error( err );
+ }
+ done( !err );
+ });
});
grunt.registerTask( "clean", function() {
require( "rimraf" ).sync( "dist" );
});
-};
\ No newline at end of file
+};
diff --git a/build/tasks/testswarm.js b/build/tasks/testswarm.js
index 46f152e7f..34c17d4f6 100644
--- a/build/tasks/testswarm.js
+++ b/build/tasks/testswarm.js
@@ -3,7 +3,7 @@ module.exports = function( grunt ) {
var versions = {
"git": "git",
- "1.8": "1.8.0",
+ "1.8": "1.8.0 1.8.1 1.8.2",
"1.7": "1.7 1.7.1 1.7.2",
"1.6": "1.6 1.6.1 1.6.2 1.6.3 1.6.4"
},
@@ -42,6 +42,7 @@ function submit( commit, tests, configFile, version, done ) {
for ( test in tests ) {
testUrls.push( testBase + tests[ test ] );
}
+ version = version ? ( version + " " ) : "";
testswarm({
url: config.swarmUrl,
pollInterval: 10000,
@@ -50,7 +51,7 @@ function submit( commit, tests, configFile, version, done ) {
}, {
authUsername: config.authUsername,
authToken: config.authToken,
- jobName: 'jQuery UI ' + version + '' + commit.substr( 0, 7 ) + '',
+ jobName: 'jQuery UI ' + version + '#' + commit.substr( 0, 10 ) + '',
runMax: config.runMax,
"runNames[]": Object.keys(tests),
"runUrls[]": testUrls,
@@ -74,7 +75,7 @@ grunt.registerTask( "testswarm-multi-jquery", function( commit, configFile, mino
allTests[ test + "-" + version ] = tests[ test ] + "?nojshint=true&jquery=" + version;
}
});
- submit( commit, allTests, configFile, minor + " core ", this.async() );
+ submit( commit, allTests, configFile, minor + " core", this.async() );
});
};
diff --git a/demos/accordion/collapsible.html b/demos/accordion/collapsible.html
index c348dfbbf..5fa3ba9a5 100644
--- a/demos/accordion/collapsible.html
+++ b/demos/accordion/collapsible.html
@@ -1,10 +1,10 @@
-
+
jQuery UI Accordion - Collapse content
-
+
@@ -19,8 +19,6 @@
-
-
Section 1
@@ -45,13 +43,8 @@
-
-
-
-
By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the collapsible option to true. Click on the currently open section to collapse its content pane.
Customize the header icons with the icons option, which accepts classes for the header's default and active (open) state. Use any class from the UI CSS framework, or create custom classes with background images.
Click headers to expand/collapse content that is broken into logical sections, much like tabs.
@@ -79,7 +75,6 @@ Optionally, toggle sections open/closed on mouseover.
The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
usable without JavaScript.
The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.
The datasource is a server-side script which returns JSON data, specified via a simple URL for the source-option. In addition, the minLength-option is set to 2 to avoid queries that would return too many results and the select-event is used to display some feedback.
-
-
+
diff --git a/demos/autocomplete/xml.html b/demos/autocomplete/xml.html
index 1fc0b8da3..059c33d67 100644
--- a/demos/autocomplete/xml.html
+++ b/demos/autocomplete/xml.html
@@ -1,10 +1,10 @@
-
+
jQuery UI Autocomplete - XML data parsed once
-
+
@@ -48,8 +48,6 @@
-
-
@@ -60,14 +58,9 @@
-
-
-
-
This demo shows how to retrieve some XML data, parse it using jQuery's methods, then provide it to the autocomplete as the datasource.
This should also serve as a reference on how to parse a remote XML datasource - the parsing would just happen for each request within the source-callback.
An example of a split button built with two buttons: A plain button with just text, one with only a primary icon
and no text. Both are grouped together in a set.
A mediaplayer toolbar. Take a look at the underlying markup: A few button elements,
an input of type checkbox for the Shuffle button, and three inputs of type radio for the Repeat options.
Populate an alternate field with its own date format whenever a date is selected using the altField and altFormat options. This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.
Use different animations when opening or closing the datepicker. Choose an animation from the dropdown, then click on the input to see its effect. You can use one of the three standard animations or any of the UI Effects.
Display a button for selecting Today's date and a Done button for closing the calendar with the boolean showButtonPanel option. Each button is enabled by default when the bar is displayed, but can be turned off with additional options. Button text is customizable.
Display date feedback in a variety of ways. Choose a date format from the dropdown, then click on the input and select a date to see it in that format.
-
-
+
diff --git a/demos/datepicker/date-range.html b/demos/datepicker/date-range.html
index c881aba3d..284b6b3be 100644
--- a/demos/datepicker/date-range.html
+++ b/demos/datepicker/date-range.html
@@ -1,10 +1,10 @@
-
+
jQuery UI Datepicker - Select a Date Range
-
+
@@ -32,20 +32,13 @@
-
The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.
Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes. Add the boolean changeMonth and changeYear options.
Localize the datepicker calendar language and format (English / Western formatting is the default). The datepicker includes built-in support for languages that read right-to-left, such as Arabic and Hebrew.
Restrict the range of selectable dates with the minDate and maxDate options. Set the beginning and end dates as actual dates (new Date(2009, 1 - 1, 26)), as a numeric offset from today (-20), or as a string of periods and units ('+1M +10D'). For the last, use 'D' for days, 'W' for weeks, 'M' for months, or 'Y' for years.
The datepicker can show dates that come from other than the main month
being displayed. These other dates can also be made selectable.
-
-
+
diff --git a/demos/datepicker/show-week.html b/demos/datepicker/show-week.html
index 8e5da044b..931e85be8 100644
--- a/demos/datepicker/show-week.html
+++ b/demos/datepicker/show-week.html
@@ -1,10 +1,10 @@
-
+
jQuery UI Datepicker - Show week of the year
-
+
@@ -20,20 +20,13 @@
-
-
Date:
-
-
-
-
The datepicker can show the week of the year. The default calculation follows
the ISO 8601 definition: the week starts on Monday, the first week of the year
contains the first Thursday of the year. This means that some days from one
year may be placed into weeks 'belonging' to another year.
This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.
-
-
-
-
Dialogs may be animated by specifying an effect for the show and/or hide properties. You must include the individual effects file for any effects you would like to use.
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.
-
-
-
Sed vel diam id libero rutrum convallis. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.
-
-
-
-
-
-
-
The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.
Constrain the movement of each draggable by defining the boundaries of the draggable area. Set the axis option to limit the draggable's path to the x- or y-axis, or use the containment option to specify a parent DOM element or a jQuery selector, like 'document.'
I will always stick to the center (relative to the mouse)
@@ -37,13 +35,8 @@
My cursor position is only controlled for the 'bottom' value
-
-
-
-
Position the cursor while dragging the object. By default the cursor appears in the center of the dragged object; use the cursorAt option to specify another location relative to the draggable (specify a pixel value from the top, right, bottom, and/or left). Customize the cursor's appearance by supplying the cursor option with a valid CSS cursor value: default, move, pointer, crosshair, etc.
Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.
Only if you drag me by 20 pixels, the dragging will start
@@ -33,13 +31,8 @@
Regardless of the distance, you have to drag and wait for 1000ms before dragging starts
-
-
-
-
Delay the start of dragging for a number of milliseconds with the delay option; prevent dragging until the cursor is held down and dragged a specifed number of pixels with the distance option.
Layer functionality onto the draggable using the start, drag, and stop events. Start is fired at the start of the drag; drag during the drag; and stop when dragging stops.
Allow dragging only when the cursor is over a specific part of the draggable. Use the handle option to specify the jQuery selector of an element (or group of elements) used to drag the object.
Or prevent dragging when the cursor is over a specific element (or group of elements) within the draggable. Use the cancel option to specify a jQuery selector over which to "cancel" draggable functionality.
Automatically scroll the document when the draggable is moved beyond the viewport. Set the scroll option to true to enable auto-scrolling, and fine-tune when scrolling is triggered and its speed with the scrollSensitivity and scrollSpeed options.
-
-
+
diff --git a/demos/draggable/snap-to.html b/demos/draggable/snap-to.html
index fed879f82..33feb68d4 100644
--- a/demos/draggable/snap-to.html
+++ b/demos/draggable/snap-to.html
@@ -1,10 +1,10 @@
-
+
jQuery UI Draggable - Snap to element or grid
-
+
@@ -27,8 +27,6 @@
-
-
I'm a snap target
@@ -55,14 +53,9 @@
I snap to a 80 x 80 grid
-
-
-
-
Snap the draggable to the inner or outer boundaries of a DOM element. Use the snap, snapMode (inner, outer, both), and snapTolerance (distance in pixels the draggable must be from the element when snapping is invoked) options.
Or snap the draggable to a grid. Set the dimensions of grid cells (height and width in pixels) with the grid option.
Provide feedback to users as they drag an object in the form of a helper. The helper option accepts the values 'original' (the draggable object moves with the cursor), 'clone' (a duplicate of the draggable moves with the cursor), or a function that returns a DOM element (that element is shown near the cursor during drag). Control the helper's transparency with the opacity option.
To clarify which draggable is in play, bring the draggable in motion to front. Use the zIndex option to set a higher z-index for the helper, if in play, or use the stack option to ensure that the last item dragged will appear on top of others in the same group on drag stop.
When working with nested droppables — for example, you may have an editable directory structure displayed as a tree, with folder and document nodes — the greedy option set to true prevents event propagation when a draggable is dropped on a child node (droppable).
Demonstrate how to use an accordion to structure products into a catalog and make use drag and drop for adding them to a shopping cart, where they are sortable.
This is the position parent element.
@@ -136,14 +134,9 @@
-
-
-
-
Use the form controls to configure the positioning, or drag the positioned element to modify its offset.
- Drag around the parent element to see collision detection in action.
-
-
+ Drag around the parent element to see collision detection in action.
The progress bar's widths are specified in percentages for flexible sizing so it will resize to fit its container. Try resizing the height and width of this bar to see how it maintains the correct proportions. (This is not necessarily a real-world example, but it's a good illustration of how flexibly all the plugins are coded.)
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
-
-
-
Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
-
-
-
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.
-
Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.
Sort items from one list into another and vice versa, by passing a selector into
@@ -52,7 +47,6 @@
group all related lists with a CSS class, and then pass that class into the
sortable function (i.e., connectWith: '.myclass').
Enable a group of DOM elements to be sortable. Click on and drag an
element to a new spot within the list, and the other items will adjust to
fit. By default, sortable items share draggable properties.
Prevent accidental sorting either by delay (time) or distance. Set a number of
@@ -61,7 +56,6 @@
needs to be dragged before sorting starts with the distance
option.
Specify which items are eligible to sort by passing a jQuery selector into
@@ -64,7 +59,6 @@
cancel option. Cancelled items remain valid sort targets for
others.
When dragging a sortable item to a new location, other items will make room
@@ -50,7 +45,6 @@
be visible. Use the boolean forcePlaceholderSize option
to set dimensions on the placeholder.