javascript - 从 JSF 中的内联 JS 调用外部 JS 函数

Question

我正在实现一个支付网关，并试图让以下 JS 在我的 JSF 页面上运行，这反过来又会显示一个灯箱

<p:commandButton id="testBtn" value="test btn" onclick="$(document).ready(function ()  {

                    RealexHpp().setHppUrl('https://pay.sandbox.realexpayments.com/pay');
                    RealexHpp().init('testBtn', 'http://www.google.com', getJSON(document.getElementById('realF:hidden2').value));

            });"/>

RealexHpp() 的问题包含在我的资源/js 目录中的一个单独的 .js 文件中，当我尝试运行上述代码时，我收到一个错误，即未定义 RealexHpp。

我该如何解决这个问题。顺便说一句，api 文档在这里（https://developer.realexpayments.com/#!/hosted-payments/auth/java/html_js）