if you use the stop function when you intialise .sortable() you can ajax send the new order to a script, which (when you write it!) would save the new order to the database.
jQuery(function(){
jQuery("#sortable").sortable({
stop: function (event, ui) {
var new_order = jQuery(this).sortable('serialize');
jQuery.post( "http://www.thissite.com/wp-admin/ajax.php", { action: my_custom_ajax_save, order: new_order }, function( data ) {
console.log('ajax sent and response received');
});
}
});
})
If you give more context we could help with the actual save. For example, if its a post you could save to the postmeta database nicely, what exactly are you saving?
Related Posts:
- jQuery equivalent of JavaScript’s addEventListener method
- How to send multiple data fields via Ajax?
- Adding an onclick function to go to url in JavaScript?
- Checking a Url in Jquery/Javascript
- When and why to ‘return false’ in JavaScript?
- Jquery Ajax Posting JSON to webservice
- How can I display a tooltip message on hover using jQuery?
- How is JavaScript .on() method defined?
- JQuery: $.get is not a function
- Bootstrap carousel not sliding
- How can I expand and collapse a using javascript?
- jQuery: using a variable as a selector [duplicate]
- Slide right to left?
- jQuery – checkbox enable/disable
- How can I correctly format currency using jquery?
- How do I send this form's output to a new WordPress page?
- Annoying “JQMIGRATE: Migrate is…” in console after update to WordPress 4.5
- Can’t get a JSON object in response to an Ajax request with wp_ajax
- Using the WordPress Media Library and returning the Attachment ID rather than URL?
- How to get a jQuery script to run on a page?
- WP set auth cookie using Ajax is not saved to browser
- Best approach for loading a sidebar Only if the screen max-width is >900px?
- Localize variable for multiple Shortcodes
- ajax call in wordpress front end
- Enqueuing jQuery in plug-ins
- Prevent five different copies of jquery from being included on every page
- Script doesn’t load because of a javascript MIME type error
- javascript is not working on Event Submission?
- TinyMCE – TypeError: r is undefined
- WordPress audio player causing js error, mediaelementplayer is not a function
- Auto-detect javascript errors and warn theme user
- Heartbeat API: How to access data already enqueued?
- How to get a value from PHP in Jquery through Ajax
- Script for initializing JQuery Masonry for WordPress
- Combining media queries with image sizes
- Implementing lazy loading in homepage posts instead of pagination
- Jquery integration with my theme
- How to stop focus() in custom js from scrolling to footer?
- Is it possible to hide media details sidebar when wp.media popup is being opened?
- Getting post meta in the flex slider
- Correct way to write jQuery functions in WordPress
- Format numeric symbols in titles
- How can I make this custom menu work?
- Remove WordPress scripts
- Using bootstrap-slider and bootstrap-switch in wordpress admin panel
- WordPress jquery files not being enqueued
- Trouble with WordPress Ajax Login System – 302
- Why does javascript works only if logged in?
- Load the next posts ajax
- How does WordPress handle HTML Tables interaction with jQuery
- what’s the best way to add a class to the div with a class of post every 4 seconds using jquery? [closed]
- Why Won’t my jQuery Play Nice with WordPress?
- Delete some text and change html tag with Jquery
- Callback After WordPress Customizer Complete Loading
- Showing All the Posts in the Loop
- How to enque js script in footer that are not in .js file?
- Best way of getting a a series of custom fields into an array?
- Cherry Framework theme, JQuery is using HTTP not HTTPS
- Custom AJAX form not working async
- JQuery UI not loading without explicit loading of jQuery
- Is there a default way in wordpress to create a overlay in the dashboard?
- How do I make Contact Form 7 pop up in thickbox? [closed]
- How To Include JavaScript Files Only In Single Posts?
- Determine image height within Fancybox
- How to use JQuery Marquee in WordPress?
- WordPress 3.2.1: jQuery is not defined, breaks Admin panel
- inner anchor scrolling with wordpress
- Bootstrap and jQuery error: $ is not defined
- Doing Math with Gravity Forms List
- JQuery is not working after complete load of the page
- I am trying to load a Js Dynamic Audio Synth [closed]
- Uncaught ReferenceError: jQuery is not defined
- Remove button from page if viewed through Customizer
- Carousel Slider For Custom PHP Snippet Is Not Working
- Target a specific page/template in jQuery
- why does so many javascript libraries are loaded along with my website?
- Why does my media selection script write to ONLY the first input field?
- Multiple level category drop-down three levels is not working
- Modify the href attribute of tag dynamically in WordPress
- Move jQuery on *top* of footer
- JQuery and Javascript to pan image
- How to add JS snippet before closing tag?
- Show/Hide text after the first paragraph
- Call admin ajax using absolute url? Relative URL breaks (frontend ajax)
- Responsive framework – edit child js
- Page keeps refreshing with Ajax form
- Check with jQuery value of checkbox from custom admin panel
- jquery issue in functions.php
- JS plugin script loading but not working
- WP Calendar Shortcode not working on my theme
- Hide input field when second input field is in focus
- change the icon of a custom post type in WordPress to use twitter boostrap
- Is it possible to append an external html file to my wordpress navigation?
- jscrollpane problem with my child theme
- Change image on post title hover (more than one instance) – Jquery
- How can insert JQuery in WordPress? [closed]
- I need a Pop up with description when i click an image
- My website si Blocked by google and warns the visitors that is Unsafe site
- how to make this work with jquery 1.12.4 [closed]
- jQuery datepicker not showing on admin menu