采用AJAX方式将文章移到回收站中

知更鸟 2021年12月30日14:52:17WordPress94102阅读模式

在WordPress 后台文章列表中,可以单独将某篇文章移动到回收站中,但移动后页面会刷新一次,可通过下面的代码实现无刷新将文章移动到回收站中。文章源自知更鸟-https://zmingcx.com/remove-posts-dashboard-with-ajax.html

文章源自知更鸟-https://zmingcx.com/remove-posts-dashboard-with-ajax.html

采用AJAX方式将文章移到回收站中

采用AJAX方式将文章移到回收站中

文章源自知更鸟-https://zmingcx.com/remove-posts-dashboard-with-ajax.html

section

第一步,在当前主题目录新建一个movepost.js文件,将下面JS代码复制进去。文章源自知更鸟-https://zmingcx.com/remove-posts-dashboard-with-ajax.html

jQuery(function($){
	$('body.post-type-post .row-actions .trash a').click(function( event ){

		event.preventDefault();

		var url = new URL( $(this).attr('href') ),
		    nonce = url.searchParams.get('_wpnonce'), // MUST for security checks
		    row = $(this).closest('tr'),
		    postID = url.searchParams.get('post'),
		    postTitle = row.find('.row-title').text();


		row.css('background-color','#ffafaf').fadeOut(300, function(){
			row.removeAttr('style').html('<td colspan="5">文章 <strong>' + postTitle + '</strong> 已移至回收站</td>').show();
		});

		$.ajax({
			method:'POST',
			url: ajaxurl,
			data: {
				'action' : 'moveposttotrash',
				'post_id' : postID,
				'_wpnonce' : nonce
			}
		});

	});
});

如果是在自定义文章类型中使用,修改其中的post-type-post为post-type-文章类型名称。文章源自知更鸟-https://zmingcx.com/remove-posts-dashboard-with-ajax.html

因代码中有中文,保存文件时需要将编码改为:UTF-8 无BOM(无签名)。文章源自知更鸟-https://zmingcx.com/remove-posts-dashboard-with-ajax.html

section

第二步,将下面代码添加到当前主题函数模板functions.php中:文章源自知更鸟-https://zmingcx.com/remove-posts-dashboard-with-ajax.html

add_action( 'admin_head', 'moveposttotrash_script' );
function moveposttotrash_script() {
	wp_enqueue_script( 'movepost', get_stylesheet_directory_uri() . '/movepost.js', array( 'jquery' ) );

}

add_action('wp_ajax_moveposttotrash', function() {
	check_ajax_referer( 'trash-post_' . $_POST['post_id'] );
	wp_trash_post( $_POST['post_id'] );
	die();
});

之后,在WordPress 后台文章列表中,点击“移动至回收站”,即可看到效果。文章源自知更鸟-https://zmingcx.com/remove-posts-dashboard-with-ajax.html

 文章源自知更鸟-https://zmingcx.com/remove-posts-dashboard-with-ajax.html

文章源自知更鸟-https://zmingcx.com/remove-posts-dashboard-with-ajax.html
weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
WordPress 主题添加鼠标跟随特效 WordPress

WordPress 主题添加鼠标跟随特效

2022年第一篇文章,分享个鼠标跟随特效,给喜欢花花草草的朋友们。这个鼠标跟随特效还是很酷,不是那种鼠标后面跟随一大堆零零碎碎的,仅一个圆圈跟随鼠标指针,当遇到超链接圆圈会变成半透明的背景,国外网站常...
为 WordPress 添加自定义批量操作 WordPress

为 WordPress 添加自定义批量操作

默认 WordPress 后台文章批量操作中,只有编辑和移动到回收站,可以按文本方法添加自定义批量操作选项,例如添加批量将文章改为草稿和自动为选中的文章添加自定义字段和值。 为 WordPress 添...
如何重复使用已设置好的 WordPress 小工具 Plugins

如何重复使用已设置好的 WordPress 小工具

默认情况下WordPress小工具可以重复添加到不同的位置,但已添加设置好的小工具,不能直接拖放到其它位置重复使用。比如我的begin主题集成40多个小工具,每个小工具都有丰富的设置选项,想在不同的位...
评论:9   其中:访客  8   博主  1
    • 遇见台儿庄
      遇见台儿庄 5

      2021就要结束了,鸟哥明天元旦快乐哈 :idea: :idea: :idea:

      • 搞笑不搞笑
        搞笑不搞笑 3

        这功能无敌!

        • 欧乐安
          欧乐安 2

          收藏了,此功能正合我意,多谢大佬分享

            • FACE
              FACE 0

              @ 欧乐安 收藏了,此功能正合我意,多谢大佬分享

            • 禹步网
              禹步网 0

              感谢分享,收藏了

              • 雨天
                雨天 1

                看看头像咋回事

                • 欧乐安
                  欧乐安 2

                  主题越来越好看了

                匿名

                发表评论

                匿名网友

                :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                确定