Mootools squeezebox处理程序正在删除隐藏的div元素

Question

隐藏的div元素内容在第一次弹出模式显示后被删除。

使用下面的处理函数，模态可以很好地显示隐藏的div，然后在清除模态之后，对下面的处理函数的后续调用将返回"Target不存在“的警告，并且隐藏的dive元素实际上已经消失了。

function OnSubmitHandler() {    
if (e = $('modalcontainer')) {
    SqueezeBox.initialize({
        size : {x : 300, y : 120}
    });
    SqueezeBox.open(e, {
        handler : 'adopt',
        overlayOpacity : 0.7,
        onOpen : function(){
            e.style.display = 'block';
        },
        onClose : function(){
            e.style.display = 'none';
        }
    });
}else{
    alert('Target does not exist');
}
}

这应该很简单，并且处理程序函数按照编写的方式工作得很好，但是隐藏的div内容在第一次显示后就消失了。找不到原因。我一定漏掉了什么。

Answer 1

因为您adopt了内容，所以它会在DOM中移动到您的挤压框中。由于您不会重用squeezebox实例并每次都对其进行初始化，因此在下一次初始化时，它将清空内容区域(仍然包含e)，并且没有其他可采用的内容区域。

重新使用该实例或查看它是否支持克隆。您还可以将e移回dom，甚至只是作为引用onClose - do e.dispose()来保护它。然后执行e = e || $()，但将其保留为作用域变量，而不是全局变量

Answer 2

变化

if (e = $('modalcontainer')) {

至

var e = $('modalcontainer'); 
var e = e.clone(); 
if (e) {

通过这种方式，您可以创建希望显示的元素的精确副本(保留克隆的id )，然后采用处理程序将在关闭时为您处理克隆，因此您不必担心内存泄漏。