将事件侦听器添加到通过AJAX添加到DOM的对象中

Question

我有一组通过Ajax调用添加到文档的复选框

<input type='checkbox' checked class='import'>
<input type='checkbox' checked class='import'>
<input type='checkbox' checked class='import'>
<input type='checkbox' checked class='import'>
<input type='checkbox' checked class='import'>

我有一些JavaScript（使用原型）

function check_toggle(obj, e) {
    if   (e.shiftKey)   {obj.checked=!obj.checked;}
    else if (e.altKey)  {obj.checked=true;}
    else if (e.ctrlKey)    {obj.checked=false;}
}
$$('.import').each(function(obj){
    Event.observe(obj, "mouseover", function(e){alert('here');}.bind(this))
});

现在，如果在页面加载时复选框位于页面上，则mousover技巧很有用。

不幸的是，如果我尝试通过AJAX将复选框添加到DOM之后以任何方式调用“ $$”方法，它们中的任何一个都无法获取事件监听器。

如此...有人知道如何强制原型重新读取DOM的当前状态吗？ （或您可能想到的任何其他解决方法）

我尝试将$$放入函数中，并将其作为onSuccess回调的一部分进行调用，作为进行ajax调用后的单独函数，并将整个$$函数作为实际AJAX值的一部分输出。 一切都无济于事。

非常感谢您的帮助。

Answer 1

实际上非常容易。

function ajax_load_keyset(obj) {
    url             = '/myurl.html';
    params          = 'id='+obj.value;
    new Ajax.Updater(   'checks_go_here',
                    url, {
                    method:'post',
                    parameters:params,
                    evalScripts: true,   // this line must be present   
                    onSuccess:  function(result){}
                });
}

事实证明，我只需要向 ajax调用添加evalScripts：true ，然后将$$函数放在所有内容结尾的/myurl.html页面上。