So finally I solved this issue and it turned out to be a very basic
mistake! D'oh!
I had load the scripts inside <dom-module> and once I did that it all
worked.
On Tuesday, July 28, 2015 at 10:51:35 AM UTC-7, Chaks CC wrote:
>
> 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/dc06128d-055a-49d0-8027-86b0adb36e73%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
