PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #840💬 已回答提出于 2018年2月5日作者 austinbiggs0 个反应

:拖拽元素时,误导性drop placeholder

快速解答作者 artf

@AustinTBiggs 我不知道是不是只是这样,但你的链接里有“data-gjs-draggable=”.menu nav.menu“'',其实应该是”data-gjs-draggable=“nav.menu”之类的。

阅读下方完整回答 ↓

问题

GrapeJs 版本:13.8 本地文案 JSFiddle:https://jsfiddle.net/austinbiggs/tgsykuq4/

这个bug有点难解释,但重写起来应该很直接。

我有菜单链接只能在父页面内拖拽,<nav>但拖动时,页面顶部会出现一个假掉落的占位符,尽管直接放那里没有任何作用,也不允许。

“”设置<nav>了“droppable”,只允许菜单链接被放入其中。链接只能在“''内拖拽。<nav>

这些截图展示了我自己例子中这个问题的表现。 ![截图 2018-02-05 12:58 26 PM](https://user-images.githubusercontent.com/930864/35825859-4fc9c572-0a74-11e8-838f-711fd5953637.jpg) ![截图 2018-02-05 12:58 36 PM](https://user-images.githubusercontent.com/930864/35825860-4fdb0ecc-0a74-11e8-9ec7-b89bcbd15725.jpg)

回答(3)

artf• 2018年2月7日

@AustinTBiggs 我不知道是不是只是这样,但你的链接里有“data-gjs-draggable=”.menu nav.menu“'',其实应该是”data-gjs-draggable=“nav.menu”之类的。

austinbiggs• 2018年2月7日

@artf

虽然我不明白为什么需要这个改动(毕竟这是一个有效的选择器),但我还是做了改动。不幸的是,我仍然遇到这个问题。

我更新了我的Fiddle来展示这个

artf• 2018年2月8日

你说的“.menu nav.menu”是指只能拖入嵌套菜单,也许应该是“.menu, nav.menu”? 这是我的版本,效果如预期 https://jsfiddle.net/wsn33167/

相关问答

通过相似的问题讨论继续研究。

问题 #735

在同一区域调整图片大小时,它们都会重新调整大小......

我遇到了一个奇怪的bug,当调整一张图片大小时,兄弟姐妹的照片也会被调整大小。我唯一的想法是对应图像的大小调整。也许Grapes选择的选择者太模糊了? ![截图 2018-01-09 上午11:43 05](https://user-images.githubuserconte...

3 个回答更新于 2019年9月18日

问题 #1290

设置 href 作为初始化后不可编辑的链接块

#1277已关闭,但问题依然存在,所以我必须作为新问题发布 感谢你之前的帮助 @maryia-kabash@artf我为我的自定义链接制作了一个自定义块,请参见代码:编辑。BlockManager.add(“unsubscribe-block”, { 标签:“取消订阅”, 内容...

3 个回答更新于 2019年9月17日

问题 #1865

: Grapes 更改页面位置

你好, 我在HTML页面中使用 grapes 时发现了以下问题: 当你点击编辑器中的某些元素,比如在标签管理器中移动元素的箭头时,整个页面都会向上移动。 问题也出现在你的JSFiddle入门模板 https://jsfiddle.net/szLp8h4n。 ![bug_grap...

2 个回答更新于 2020年3月10日

问题 #711

修改拖拽助手的CSS

我一直在翻代码和CSS,找不到金色父容器的CSS和绿色的drop占位符。我试过在CSS/JS里搜索这些颜色,但没找到。查看源代码时,我也没看到任何附加内容......有人知道可以用什么ID或类别来修改这两个元素吗? ![截图 2018-01-04 下午1:15:46](http...

2 个回答更新于 2019年9月18日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。