Re: JavaScript not invoked on zone refresh

Hi

Zone updates are updates of parts of the page, so the ready function is not
triggered for those. Consider also performing your initialization on zone
updates. See:
http://tapestry.apache.org/current/coffeescript/events.html#section-20 for
the zone related events.

-- 
Chris

On Tue, Sep 25, 2018 at 7:22 AM Christopher Dodunski <
[email protected]> wrote:

> Hi all,
>
> I suspect there's a simple solution to this small, but annoying problem.
>
> My Tapestry page uses a simple javascript to rotate an image 90 degrees
> the moment the image is rendered on screen.  It does this by adding a CSS
> class to the button element that contains the image.
>
>
> **The JavaScript**
>
>     $(document).ready(function(){
>     $('.accordion').addClass('active');
>     });
>
>
> **The CSS Classes**
>
>     .open-section{
>         transform: rotate(0deg);
>         transition:1s;
>     }
>     .close-section{
>         transform: rotate(0deg);
>         transition:1s;
>     }
>     .accordion.active .open-section {
>         transform: rotate(-90deg);
>         transition:1s;
>     }
>     .accordion.active .close-section {
>         transform: rotate(90deg);
>         transition:1s;
>     }
>
>
> The above works perfectly well when the page first loads, and if I
> manually refresh the page.  But when the button/image appears within a
> zone that is refreshed, the javascript evidently doesn't get invoked, as
> the button image doesn't rotate.
>
> How would one normally resolve this little problem?
>
> Regards,
>
> Chris.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [email protected]
> For additional commands, e-mail: [email protected]
>
>