up.on('click', '#button', function () {\n up.render({\n target: '#container:after',\n content: '#template',\n animation: 'fade-in', // here\n });\n});I have tried doing the same thing using attributes with no luck.
\n(I know Unpoly is designed around receiving HTML over the wire, but this particular section of my app, which is a bit like Trello, isn't well suited for that pattern. Or perhaps I am not \"thinking in Unpoly\" well enough yet!)
","upvoteCount":1,"answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"There's a bug in the current version that wrongly expects the animation name in a { transition } option. It should be { animation }, as documented.
This will be fixed in the next release. Or, if you're courageous, you can try the 3.11.0-rc9 prerelease.
Animate appending of content from template #759
-
|
I am trying to animate an element when it is appended to a list. The Simplified example: <template id=template>
...some content...
</template>
<div id=container></div>
<button id=button>Append</buttonup.on('click', '#button', function () {
up.render({
target: '#container:after',
content: '#template',
animation: 'fade-in', // here
});
});I have tried doing the same thing using attributes with no luck. (I know Unpoly is designed around receiving HTML over the wire, but this particular section of my app, which is a bit like Trello, isn't well suited for that pattern. Or perhaps I am not "thinking in Unpoly" well enough yet!) |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
There's a bug in the current version that wrongly expects the animation name in a This will be fixed in the next release. Or, if you're courageous, you can try the |
Beta Was this translation helpful? Give feedback.
There's a bug in the current version that wrongly expects the animation name in a
{ transition }option. It should be{ animation }, as documented.This will be fixed in the next release. Or, if you're courageous, you can try the
3.11.0-rc9prerelease.