时间戳

首页 > 解决方案 > Orbeon JavaScript 嵌入：a.querySelector 不是函数

javascript - Orbeon JavaScript 嵌入：a.querySelector 不是函数

问题描述

我正在尝试使用 orbeon Javascript 嵌入 API，但由于某种原因，我无法使其正常工作。我可能会遗漏一些东西。我将一个表单嵌入到页面中，这是我尝试执行此操作的一个片段。

ORBEON.fr.API.embedForm(
        'div#orbeon-container',
        '/orbeon',
        'App1',
        'Form1',
        'new'
    );

但是，我收到此错误Uncaught TypeError: a.querySelector is not a function。我认为这可能是因为我如何指定容器，但我不确定应该如何指定它，因为关于嵌入的文档似乎没有给出这个例子。

标签： javascriptorbeon

解决方案

您链接的文档指出第一个参数是类型HTMLElement（这与您可能用来解决它的 CSS 选择器不太一样）。

范围 可选的 类型 例子 描述
容器 不 HTML 元素 想要放置表单的 DOM 元素

换句话说，而不是

ORBEON.fr.API.embedForm(
    'div#orbeon-container',
    '/orbeon',
    'App1',
    'Form1',
    'new'
);

它应该是

let orbeonContainer = document.querySelector('#orbeon-container');

ORBEON.fr.API.embedForm(
    orbeonContainer,
    '/orbeon',
    'App1',
    'Form1',
    'new'
);

推荐阅读