防止切换时动态内容丢失

发布于 2024-12-19 21:09:07 字数 529 浏览 2 评论 0原文

我正在从服务器检索一些数据并更新 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 内容并显示切换效果？

谢谢！

原文

I am retrieving some data from the server and update the html contents of a div like this:

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

I wish to be able to 'toggle' the results as well and I use this:

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

This works only once presumably due to the fact that html contents are retrieved dynamically. Is there a way to prevent loosing the html contents from my Div and show the toggle effect?

Thanks!

分享到QQ

分享到微博