防止切换时动态内容丢失

Question

我正在从服务器检索一些数据并更新div的html内容，如下所示：

var req = new Request.JSON({
    method: 'get',
    url: 'index.php',
    data: {},
    onSuccess: function(r) {
        $('my_div').set('html',r.output);
        }
    }
});

我希望能够“切换”结果并使用它：

var mySlide = new Fx.Slide('my_div');
$('toggle_link').addEvent('click', function(event){
    event.stop();
    mySlide.toggle();
    event.stop();
}); 

这只有一次可能是由于html内容是动态检索的。有没有办法防止从我的Div中丢失html内容并显示切换效果？

谢谢！

Answer 1

要解决有关身高的问题，您需要将resetHeight: true选项设置为Fx.Slide。更新了示例 here 。