0

我正在加载一些带有请求的 html，并将其用作所有其他项目的模板。

我的代码是：

itemDummy.destroy()

this.content.each(function(task) {
    //
    //more code
    //
    item = itemDummy.clone();

    detailBox = item.getElement('.descriptionBox');

    detailBox.id = "description" + task.id;
    //detailBox.toggle ()
    //open it on click
    item.addEvent("click", function() {
        new Fx.Slide("description" + task.id).toggle();
    });

    //
    //more code
    //
    detailBox.inject(itemWrapper);
    item.inject(wrapper);
});

如果该行detailBox.toggle ()被激活，我的框不会显示，但 Fx 动画不起作用（框永远不可见）。但是当我设置 s 这一行注释时，会显示 detailBox 并且切换动画正在工作，但我想要一个隐藏的框在开头。

但是当我将此行设置为注释时，会显示 detailBox 并且切换动画正在工作，但我希望 Box invisible 以

4

1 回答 1

1

在 Johan 评论之后，它在注入后起作用：

detailBoxIds.each(function (id) {
    new Fx.Slide(id).hide();

    //instead of $$(id).hide () or $$(id).toggle () 
    //a direct toogle/hide hides the element, but the Fx.Slide can't open it again
})

$$('.taksItemWraper').addEvent ("click", function () {
    var id = this.getElement('.descriptionBox').id;

    new Fx.Slide(id, { 
        duration:300
    }).toggle();
})
于 2012-07-02T20:52:17.380 回答