It seems like domReady is not working properly. It sometimes gets called
and other times it doesnt.
I moved to attached function and have this code which still doesn't work.
attached: function() {
this.async(function() {
var x = $(this.$.mycarousel);
x.slick();
});
}
When debugging, it looks like slick is not being registered. I am able to
confirm jQuery is loaded and is working, but for some reason the slick
doesn't get initialized.
What callback in Polymer guarantees the DOM is ready? Is it attached as
documented here
<https://www.polymer-project.org/1.0/docs/devguide/registering-elements.html#ready-method>
?
On Monday, July 27, 2015 at 10:55:14 PM UTC-7, Chaks CC wrote:
>
> Hi All,
>
> I am trying to integrate the slick.js image carousel in my web component.
>
> Here is what I have so far: http://jsbin.com/decojilaji/edit?html
>
> I am finding my element in the local DOM in domReady event and then
> calling the slick method to it.
>
> domReady: function(){
> //Polymer.dom(this.$.mycarousel).slick(); - this also doesn't work
>
> this.$.mycarousel.slick();
> }
>
> However, this doesn't work at all.
>
> Any ideas what I am missing?
>
> Thanks,
> Chaks
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/4e9a6938-cd8c-4f74-9485-95fb8a28a578%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
