diff --git a/README.md b/README.md index 5db0b99..be47b10 100644 --- a/README.md +++ b/README.md @@ -70,7 +70,7 @@ var el = document.getElementById('items'); var sortable = Sortable.create(el); ``` -You can use any element for the list and its elements, not just `ul`/`li`. Here is an [example with `div`s](http://jsbin.com/luxero/2/edit?html,js,output). +You can use any element for the list and its elements, not just `ul`/`li`. Here is an [example with `div`s](http://jsbin.com/qumuwe/edit?html,js,output). --- @@ -195,7 +195,7 @@ Demo: #### `sort` option Sorting inside list. -Demo: http://jsbin.com/xizeh/2/edit?html,js,output +Demo: http://jsbin.com/videzob/edit?html,js,output --- @@ -204,7 +204,7 @@ Demo: http://jsbin.com/xizeh/2/edit?html,js,output #### `delay` option Time in milliseconds to define when the sorting should start. -Demo: http://jsbin.com/xizeh/4/edit?html,js,output +Demo: http://jsbin.com/xizeh/edit?html,js,output --- @@ -213,7 +213,7 @@ Demo: http://jsbin.com/xizeh/4/edit?html,js,output #### `disabled` options Disables the sortable if set to `true`. -Demo: http://jsbin.com/xiloqu/1/edit?html,js,output +Demo: http://jsbin.com/xiloqu/edit?html,js,output ```js var sortable = Sortable.create(list); @@ -234,7 +234,7 @@ To make list items draggable, Sortable disables text selection by the user. That's not always desirable. To allow text selection, define a drag handler, which is an area of every list element that allows it to be dragged around. -Demo: http://jsbin.com/newize/1/edit?html,js,output +Demo: http://jsbin.com/newize/edit?html,js,output ```js Sortable.create(el, { @@ -287,7 +287,7 @@ Sortable.create(list, { #### `ghostClass` option Class name for the drop placeholder (default `sortable-ghost`). -Demo: http://jsbin.com/hunifu/1/edit?css,js,output +Demo: http://jsbin.com/hunifu/4/edit?css,js,output ```css .ghost { @@ -308,7 +308,7 @@ Sortable.create(list, { #### `chosenClass` option Class name for the chosen item (default `sortable-chosen`). -Demo: http://jsbin.com/hunifu/edit?html,css,js,output +Demo: http://jsbin.com/hunifu/3/edit?html,css,js,output ```css .chosen { @@ -334,7 +334,7 @@ This gives us the possibility to test the behaviour for older Browsers even in n On top of that, the Fallback always generates a copy of that DOM Element and appends the class `fallbackClass` defined in the options. This behaviour controls the look of this 'dragged' Element. -Demo: http://jsbin.com/pucurizace/edit?html,css,js,output +Demo: http://jsbin.com/yacuqib/edit?html,css,js,output --- @@ -357,8 +357,8 @@ Dragging only starts if you move the pointer past a certain tolerance, so that y If set to `true`, the page (or sortable-area) scrolls when coming to an edge. Demo: - - `window`: http://jsbin.com/boqugumiqi/1/edit?html,js,output - - `overflow: hidden`: http://jsbin.com/kohamakiwi/1/edit?html,js,output + - `window`: http://jsbin.com/tutuzeh/edit?html,js,output + - `overflow: hidden`: http://jsbin.com/kolisu/edit?html,js,output --- @@ -488,7 +488,7 @@ Sortable.create(el, { ### Bootstrap -Demo: http://jsbin.com/luxero/2/edit?html,js,output +Demo: http://jsbin.com/qumuwe/edit?html,js,output ```html