问题 #3305✓ 已解决提出于 2021年3月3日作者 RaresVlaiduc11 个反应

Button not set as active on click

快速解答作者 Ju99ernaut❤ 9

Grapesjs要求你的命令有“运行”和“停止”功能，才能自动切换面板按钮，所以这可能是问题所在： “''js const cm = 编辑。指挥; Grapesjs 无法在此命令格式下切换面板按钮 cm.add（'desktop'， e => e.setDevice（'Desktop'）） Grapesjs 能因为运行和停止而切换面板按钮 cm.add（'desktop'， { run（e） { e.setDevice（'Desktop'） }, stop（） {} }); ```

阅读下方完整回答 ↓

问题

版本：v0.16.41

你能重现演示中的bug吗？

[ ] 是的 [x] 不

预期的行为是什么？

当我点击按钮时，应该会添加 gjs-pn-active 类。

详细描述那个漏洞**

我有三个按钮分别对应三台不同的设备（台式机、平板和手机）。我把它们放在顶部面板上，点击时画布大小会变，但点击的按钮没有被设置为激活。

你能附上截图、截屏或实时演示吗？

[x] 是的（附上） [ ] 不

![图片]（https://user-images.githubusercontent.com/73160095/109790439-164bea80-7c1a-11eb-9aeb-98954166afa2.png） ![图片]（https://user-images.githubusercontent.com/73160095/109790726-6034d080-7c1a-11eb-9422-09d90836d61c.png）

回答（3）

👍 最有帮助Ju99ernaut• 2021年3月3日

Grapesjs要求你的命令有“运行”和“停止”功能，才能自动切换面板按钮，所以这可能是问题所在：

“''js const cm = 编辑。指挥;

Grapesjs 无法在此命令格式下切换面板按钮 cm.add（'desktop'， e => e.setDevice（'Desktop'））

Grapesjs 能因为运行和停止而切换面板按钮 cm.add（'desktop'， { run（e） { e.setDevice（'Desktop'） }, stop（） {} });

kerryj89• 2021年3月26日

@Ju99ernaut 谢谢你。现在通过 'grapesjs.init（）' 创建 'devices-c' 面板时，active 状态对我来说是正常的。

GJSBlock• 2026年5月17日

谢谢你举报，@RaresVlaiduc。（v0.16.41）按钮点击时未被设置为激活的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因在报告中包含 GrapesJS 版本、浏览器和控制台错误

在 GitHub 上查看完整讨论 →