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

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

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

核心功能亮点

纯净免配环境

底层完美配置了 jQuery、jQuery UI 核心库以及官方默认主题 CSS,免除烦人的依赖引入。

实时交互验证

在独立的强隔离 iframe 沙箱中快速体验拖拽(Draggable)、排序(Sortable) 等复杂鼠标交互效果。

事件追踪控制台

自带控制台输出拦截,可以捕获组件抛出的 dragstart/stop 等阶段日志以精细调试。

常见问题 (FAQ)

这个在线编辑器支持哪些 jQuery UI 组件?

支持 jQuery UI 的所有核心交互(拖拽、放置、排序等)以及全部小部件(日历、对话框等)。

我需要手动引入 jQuery UI 的 CSS 样式表吗?

不需要。代码沙盒默认向 iframe 内部注入了核心库以及基础的 Base 主题 CSS,您可以直接编写 HTML 小部件结构即可渲染出优美效果。

有其他相关的前端在线运行工具推荐吗?

当然!除了当前工具,我们还提供多种免配置的专业代码沙盒,方便您针对具体的框架进行测试: