在WordPress上保存可排序的jQuery UI

时间：2014-04-01 作者：Katie

我有基本的jQuery UI可排序代码，可以完美地工作。我只想在用户更改时保存每个项目的位置。

我正在使用Wordpress multisite版本3.8.1，每个站点都有自己的可排序区域，因此需要为每个站点保存在不同的数据库中。

我确实看到了this post 但这并不是我想要的。不过这可能会有所帮助。

HTML：

    `<ul id="sortable">
     <li class="ui-state-default">Item 1</li>
     <li class="ui-state-default">Item 2</li>
     <li class="ui-state-default">Item 3</li>
     </ul>`
jQuery：

    `<script>
     $(function() {
     $( "#sortable" ).sortable();
     });
     </script>`

1 个回复
SO网友:danbrown

如果在初始化时使用停止功能。sortable（）您可以通过ajax将新订单发送到脚本，脚本（在编写时！）将新订单保存到数据库。

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\');     

        });
    }
});

})
如果您提供更多上下文，我们可以帮助您进行实际保存。例如，如果这是一篇可以很好地保存到Posteta数据库中的帖子，那么您到底在保存什么？

结束
标签： jquery   小码农  

相关推荐

在WordPress页面中加载自定义jQuery和HTML

我有一个简单的应用程序，我已经在工作，并希望加载到我的WordPress主题。此应用程序具有/js 具有的文件夹myscript.js, A./css 具有的文件夹mystyle.css 和HTML文件index.html.这是fiddle to the whole app.我正在使用默认的WordPress主题，我只想为这个应用程序创建一个页面并加载到那里。这样我就可以创建另一个页面并加载另一个应用程序。所做的努力：根据我所读的内容，我需要将我的自定义JS脚本排队，我已经这样做了，并将其添加到funct