javascript - 填充 div 时输入按钮停止工作

Question

我的 html 中有一个 div 定义如下:

<div id="rgroups" class="dialogWindow fileDialog"  style="display:none;" >
<input id="rgroups_ok" class="dialogButton" type="submit" value="Done"/> 
<label for="rgroups_ok"><span class="label">Start</span></label>';
</div>

在我的 js 文件中，rgroups_ok 是这样定义的:

$('rgroups_ok').observe('click', function ()
{
ui.hideDialog('rgroups');
});

如果我坚持认为它工作正常，那么按钮就可以工作。

然后我像这样填充 html div:

var div=document.getElementById('rgroups');
div.style.display='inline-block';
for (i = 1; i <= count; i++) {
div.innerHTML+=' Rgroup '+i+' values separated by / symbol:  \n <textarea id="Rgroup"'+i+' rows="4" cols="50"> </textarea>';}

使用该内部 HTML 定义按钮将停止工作...

有什么线索吗？

谢谢

Answer 1

尝试将观察更改为开启所以这个:

    $('#rgroups_ok').on('click', function ()
    {
        ui.hideDialog('rgroups');
    });

您可以查看 on() here 的详细信息。

观察似乎是obsolete并且可能不是您正在寻找的东西。