Wordpress 管理员 - iframe 中的实时帖子预览

Question

我的目标是在 Wordpress 管理员的自定义帖子类型编辑表单中显示实时预览。我明白了，我可以在后编辑表单中成功地在元/ACF 字段旁边显示带有预览的 iframe，如此线框图所示：

当我单击“预览更改”按钮时，iframe 内容已成功刷新。但是我想在更改某些 ACF 字段后自动执行此操作。所以我尝试用jQuery模拟点击这个按钮：

$('input, select', $('#acf-group_609ca87c411ae')).on('change', function() {
      $('a.preview').click();
});

但是当我这样做时，行为完全不同：不是刷新 iframe，而是刷新整个页面并显示消息：发布已更新。

我觉得我已经很接近让这个实时预览工作了，但我被这个简单的点击模拟困住了几个小时。你能帮帮我吗？

编辑：忘记 iframe 的事情 - 如果您是 wordpress 程序员，只需打开 WP 管理员，在编辑帖子屏幕上并尝试以编程方式模拟单击“预览更改”按钮。如果您得到与单击它相同的行为 - 在此处向我发布 javascript。谢谢！

Answer 1

您正在触发将重新加载页面的点击。它的默认行为。 如果您不希望链接继续进行，则需要停止触发事件。你可以试试：

//This should trigger the click but prevent the default behaviour of reloading the page
//Untested
$('input, select', $('#acf-group_609ca87c411ae')).on('change', function() {
  $('a.preview').click(function(e){
    e.preventDefault();
  });
});