自动加载 jQuery & jQuery UI 运行环境及样式
实时交互预览
Console 控制台

jQuery UI 在线运行与组件交互测试工具 (Playground)

jQuery UI 在线编辑器专为测试丰富的前后端 UI 交互效果而生。您可以在不用下载任何环境文件的情况下,迅速演练如拖放(Draggable)、调整大小(Resizable)、日历面板(Datepicker)等 jQuery UI 专属的组件特性。即时渲染页面,并内置独立控制台追踪事件回调。

核心功能与开发体验

  • 开箱即用的环境:已在底层为您完美配置了 jQuery、jQuery UI 核心库,以及官方默认主题的 CSS 样式表。
  • 拖放、交互快速验证:在独立且安全的 iframe 沙箱环境中,尽兴体验复杂的排序(Sortable)与放置(Droppable)逻辑。
  • 实时可视化控制台:自动捕获 JS 运行时的错误和 console.log,便于追踪组件触发的各阶段事件(如 dragstart, stop 等)。

常见问题(FAQ)

这个在线编辑器支持哪些 jQuery UI 组件?
本编辑器支持 jQuery UI 的所有核心交互(如拖拽 Draggable、放置 Droppable、排序 Sortable)以及全部小部件(如日历 Datepicker、对话框 Dialog、手风琴 Accordion 等)。
我需要手动引入 jQuery UI 的 CSS 样式表吗?
不需要。沙盒环境已经为您默认注入了 jQuery 核心库、jQuery UI 核心库以及官方默认主题的 CSS 文件,您可以直接编写 HTML 和 JS 代码即可看到完美样式的组件。