如何在 iframe 中的 wordpress 管理帖子页面中拥有可排序的 UI？

Posted 2023-05-09

【中文标题】如何在 iframe 中的 wordpress 管理帖子页面中拥有可排序的 UI？

【英文标题】：how to have sortable UI in wordpress admin post page within iframe?

【发布时间】：2018-02-13 15:47:55

【问题描述】：

我在 wordpress 管理帖子页面中有一个 iframe，可排序元素将位于 iframe 内。 jQuery 可排序 UI 在 iframe 的站点上工作正常，但在 iframe 内不工作。它给出了一个错误，比如“sortable is not a function”

【参考方案1】：

取决于 IFRAME 是什么以及您如何制作它。 IFRAME 基本上是一个全新的页面，您需要在其中加载 javascript、CSS 和其他所有内容，它不会使用加载到的页面中的 JS 和 CSS。

【讨论】：

嗨米兰，我已经尝试过你的建议，我将支持文件排入了我在 iframe 中的页面，如下所示。 wp_enqueue_script（数组（“jquery”，“jquery-ui-core”，“jquery-ui-sortable”，“下划线”，“select2”））；但它仍然给出了一个错误，比如“sortable is not a function”

要使 wp_enqueue_script 工作，它必须是 WordPress 前端页面 - 主题驱动，具有 wp_head、wp_footer 操作。入队脚本不能只是神奇地工作，它需要完整的基于主题的页面。您在 IFRAME 中加载了什么页面？

Petwovic，是的，我正在加载基于主题的页面，它是前端的一部分。

【参考方案2】：

我自己通过排队外部 UI 框架链接 https://code.jquery.com/ui/1.12.1/jquery-ui.js 解决了这个问题