This is a complex answer, more than can really be answered in a post here. However, you can take a look at this tutorial – I’ve done something similar, and his post is very thorough:
jQuery UI Sortable Tutorial
Related Posts:
- jQuery dialog popup
- How to change the text of a button in jQuery?
- jQueryUI dialog width
- How to use radio on change event?
- Form Submit jQuery does not work
- Slide right to left?
- Check if user is logged in using JQuery
- How to save the state of a drag and drop jQuery UI Sortables front end layout editor?
- jQuery UI Datepicker not working
- Custom function to rearrange attachments when creating posts – Almost there
- Media manager multiple selection
- possible to make sections in theme customizer sortable and saveable at publish button clicked?
- Enqueuing jQuery in plug-ins
- How do I get my page to load the jQuery UI Effects library?
- Override default jquery ui library with newer version
- How to enable the content editor as a droppable target with jQuery-ui?
- Automatic jQuery accordion from header tags
- Jquery not showing in homepage
- Format numeric symbols in titles
- jQuery.accordion isn’t a function even when enqueued
- Override theme style with other CSS on a specific page
- Will the latest Bootstrap work properly with the default WordPress jQuery?
- Rhyzz Repeatable-fields javascript in php and wordpress
- WordPress + BlockUI or a splash page [closed]
- Return an array from get_terms and store as JavaScript array for search autocomplete
- Dukapress jQuery(“form.product_update”).livequery is not a function [closed]
- Which jQuery packages are included in WordPress 3.1.2?
- Good Solution for Adding jQuery Tabs Anywhere Within WordPress?
- Cannot enqueue jQuery correctly using Google CDN
- delete post meta by AJAX
- Adding jQuery UI elements to WordPress page
- Sorting WP Auctions by date/price?
- How to add custon UI jquery & Fancybox script to WP
- jQuery tabs plugin with callback to fetch data
- Jquery UI Google CSS, from where?
- datepicker for custom post type admin
- JQuery UI not loading without explicit loading of jQuery
- Is there a default way in wordpress to create a overlay in the dashboard?
- AJAX Success Function using JS substr() fails in WP 4.1 vs 4.0
- Recommended Use of Bootstrap, or JQuery-UI in WP/plugin development?
- Screen Options JavaScript Code
- A carousel slideshow plugin in JavaScript
- jQuery UI Accordion loading very slow
- Theme style overrides the plugin style
- Slide toggle Jquery UI
- jquery Autocomplete
- why does so many javascript libraries are loaded along with my website?
- Dashboard controls have all stopped working
- How can I add a new lib path without call each one on the header?
- value not saving in the form when dynamically creating an input
- Sorting UL Listing Within the TinyMCE Visual Editor in WordPress
- jQuery dialog prints HTML-Tags under WordPress
- using jquery autocomplete in wordpress plugin
- Theme variation conflict with jquery select2 dropdown
- jQuery datepicker not showing on admin menu
- Submit a form using jQuery
- Adding placeholder attribute using Jquery
- wait() or sleep() function in jquery?
- Force a default browser on my android phone using a simple html shortcut page
- Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
- Which selector do I need to select an option by its text?
- Check if inputs are empty using jQuery
- The ‘describe’ keyword in javascript
- Icons missing in jQuery UI
- e.preventdefault(); not working
- Using WordPress 3.5 Media Uploader in meta box?
- WordPress Ajax URL for function in functions.php
- Move WordPress native javascript to bottom of page?
- AJAX function returning -1
- Proper way to load a single post via Ajax?
- Ajax not firing properly using Firefox, but works in Chrome
- Get ACF value in external jQuery document
- Gravity Forms not loading under https, jQuery is not defined
- How to deregister a jquery version for a specific page?
- Enqueuing javascript files
- How to undo deregister script and use local versions?
- Can’t load a class into WordPress post editor’s content field
- How can I check email exists via a jquery keyup()?
- How to Dynamically Load Content Into Body of Bootstrap Modal Window?
- Searching multiple tags and adding jQuery dependant script onto page template?
- TinyMCE 4 remove/add attributes for all images
- Validating a cloned/repeatable input (jQuery) [closed]
- Reload wordpress shortcodes
- Ajax form submit not working, returns 0
- Invoking Jquery in a Plugin
- Why not working jquery show() function in wordpress? [closed]
- Displaying an image’s alt title and caption inside a fancybox window. Working, but showing the same alt and caption for each image
- Problem Implementing parallax in header of bp-default theme
- change order of images attached to post
- Need workaround for insecure XMLHttpRequest endpoint request
- jQuery don’t working
- Duplicate “default” form with jQuery
- Checking length of string in an admin area field onblur with jQuery
- Blur.js with WordPress – Enqueued, but server not finding file
- wp_enqueue_script jquery and jquery ui not working
- Homepage loads many unnecessary jquery-ui files
- Contact Form 7 submission does not complete [closed]
- how to display post in jquery slider and carousel
- Carousel Hover Image
- What is calling jquery?