JQuery-UI plugin SORTABLE to achieve free drag order

This article shared the specific method of jQuery ui plug-in sORTABLE to achieve free drag sorting, for your reference, the specific content is as follows

This is a modification of online resource demo yourself, record convenient for future learning .

jQuery-ui插件sortable实现自由拖动排序 Code display:

      Ultimate Edition Drag Sedenses     * {Margin: 0; Padding: 0; Box-Siting: Border-Box;} .container {Width : 350px; margin: 60px auto;} .container: after {content: ""; display: block; clear: both;} .drag {width: 100%; Height: 60px; float: left; margin: -8px 0; } ul li {list-style: none;} .innerdiv {padding: 10px; height: 100%;} .innerdiv2 {border: 1px solid # bdb9b9; background: #fff; height: 100%;}.MOVE {Width: 65px; Height: 100%; Background: Pink; float: Right; Cursor: Pointer;} .msg {display: inline-block; width: 130px; padding: 6px 6px 6px 12px; vertical-align: TOP ;.............................................................................. .. Right: 10px; margin-top: 10px;}          List1 
  • List3
    List4
  • List5
  • List6
    Submit
  • $ (Function () {var bttn = $ ('. Container .btn'); var arr = '; var sort = $ (". Sortable"). Sortable {Handle: ".move", DElay: 0, Cursor: 'Move', Revert: True, Stop: bttn.click (Function (Event) {// Record the ID sequence array of sort's ID sequence array var arr = $ (". soreable"). Sortable ('Toarray' );
    The above is all the content of this article, I hope to help everyone's learning. I also hope that everyone will support TUMI clouds.
© Copyright Notice
THE END
Just support it if you like
like0
share
comment Grab the couch

Please log in to comment