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 小部件结构即可渲染出优美效果。
有其他相关的前端在线运行工具推荐吗?
当然!除了当前工具,我们还提供多种免配置的专业代码沙盒,方便您针对具体的框架进行测试: