问题描述
我只是开始着手协助在 Wix 生成的网站上集成一些 Google 地图。
我已启用“Velo 开发者模式”并打开 JavaScript 编辑器面板。
当我输入代码 document.createElement('div')
时,编辑器会针对该行显示一条错误消息,“'document' 未定义”
我想我有很多关于 Wix 的知识要学习。为什么编辑会抱怨这些最基本的参考资料?
解决方法
使用 Wix 的 Velo 时,您无法直接访问 DOM。因此,您不能使用 document
对象。
根据您尝试使用 document.createElement
完成的任务,您可能想要使用 Velo collapse()
函数或使用 Repeater
元素。
Wix Velo 确实让您可以直接访问 DOM,如 Sam 的回答中所述。相反,您需要使用 Wix 的 $w
命名空间。有关详细信息,您可以在此处查看文档 (https://www.wix.com/velo/reference/$w)。
目前使用 Wix,您无法直接使用代码编辑器创建元素。
您可以从编辑器中拖放元素并使用 API Wix documentation 与元素交互。
如果您想使用自己的 Map 元素,请拖放一个 IFrame 元素 您可以在何处访问 DOM,您可以从 PostMessage 的 IFrame 与主机站点对话,并使用 onMessage 侦听消息 Wix documentation
您还可以使用自定义元素访问 DOM 并创建您的 Map 元素
据说Wix有自己的地图元素,但目前有一些限制
tl;博士 创建地图元素或访问 Dom
- 使用 Wix 地图元素
- 使用 IFrame
- 使用自定义元素