在HTML <script>标记中从输出的JS调用函数

Question

以下是我的HTML：

＆＃xA;＆＃xA;

 ＆lt; div id =“test-div”＆gt;＆lt; / div＆gt;＆＃xA;＆lt; button class =“a-button”＆gt;点击＆lt; / button＆gt;＆＃xA;  

＆＃xA;＆＃xA;

这是我的JS / jQuery：

＆＃ xA;＆＃xA;

  function parent（）{＆＃xA;＆＃xA;警报（ “母公司”）;＆＃XA;＆＃XA; var output =“”;＆＃xA;＆＃xA;输出+ =“＆lt; p＆gt; Hello World＆lt; / p＆gt;”＆＃xA;输出+ =“＆lt; script＆gt; $（'。a-button'）。click（function（）{parent（）;}）;＆lt; / script＆gt;”＆＃xA;＆＃xA; $（ “＃测试DIV”）HTML（输出）;＆＃XA;}＆＃XA;＆＃XA;父（）;＆＃XA;  

＆＃XA;＆＃ xA;

当我运行此代码并单击带有“.a-button”类的按钮时，我在控制台中收到以下错误：

＆＃xA;＆＃xA;

 未捕获的TypeError：parent不是函数＆＃xA;  

＆＃xA;＆＃xA;

但是，当我摆脱HTML / Script输出并将click事件放在父函数如下：

＆＃xA;＆＃xA;

  function parent（）{＆＃xA;＆＃xA;警报（ “母公司”）;＆＃XA;＆＃XA; var output =“”;＆＃xA;＆＃xA;输出+ =“＆lt; p＆gt; Hello World＆lt; / p＆gt;”＆＃xA; // output + =“＆lt; script＆gt; $（'。a-button'）。click（function（）{parent（）;}）;＆lt; / script＆gt;”＆＃xA;＆＃xA; $（ “＃测试DIV”）HTML（输出）;＆＃XA;}＆＃XA;＆＃XA;父（）;＆＃XA;＆＃XA; $（ '一个按钮。'）。 click（function（）{＆＃xA; parent（）;＆＃xA;}）;＆＃xA;  

＆＃xA;＆＃xA;

一切都按预期工作。< / p>＆＃xA;＆＃xA;

不幸的是，这不会做，因为我需要能够从输出的脚本中调用父函数。

＆＃xA;＆＃xA;

我试图为这个问题设置一个Plunkr / JSFiddle，但似乎既不支持jQuery .html（输出）。非常感谢所有帮助。

＆＃XA;