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アニメーションは機能しません(ボックスが表示されることはありません)。しかし、この行にコメントを付けると、detailBoxが表示され、トグルアニメーションが機能しますが、最初に非表示のボックスが必要です。

しかし、この行をコメントとして設定すると、detailBoxが表示され、トグルアニメーションが機能しますが、ボックスを非表示にしたいのですが、

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 に答える