jquery - Meteor: Initing function (carousel) after data is was looped -

-

i trying make work flickity carousel initing in blaze helpers. have following error: 

exception in template helper: typeerror: $(...).flickity not function

here helper carousel template:

template.carouseltemplate.oncreated(function bodyoncreated() {   this.state = new reactivedict();   meteor.subscribe('albums'); })  template.carouseltemplate.helpers({   albums() {     return albums.find({});   },   initializecarousel () {     $('.carousel').flickity({       // options       "lazyload": true     });   } });

and template itself:

<template name='carouseltemplate'>  <div class="carousel">     {{#each albums}}    <div class="carousel-cell">      <img src={{cover}} alt="cat nose" />    </div>    {{/each}}    {{initializecarousel}}  </div>  <template />

p.s: open other ways in order make work.

first make sure you're including flickity library using 1 of following options:

1) adding proper js reference application. example:

/client/main.html

<head>   <script src="https://npmcdn.com/flickity@2.0/dist/flickity.pkgd.min.js"></script> </head>

or

2) embedding copy of flickity library application. store copy of flickity.pkgd.js file in applications /client/compatibility directory (see special directories section of guide more info).

or

3) if using meteor 1.3+, install library using npm: meteor npm install --save flickity

once library installed, instead of initializing carousel through template helper, move initialization code template onrendered callback. within callback wrap flickity initialization in tracker.autorun make sure albums results loaded first. like:

template.carouseltemplate.oncreated(function bodyoncreated() {   this.state = new reactivedict();   meteor.subscribe('albums'); });  template.carouseltemplate.onrendered(function onrendered() {   this.autorun(() => {     if (albums.find().count()) {       $('.carousel').flickity();     }   });   });  template.carouseltemplate.helpers({   albums() {     return albums.find({});   } });

calling through onrendered callback means called after template ready , inserted dom (which needed jquery libraries manipulate dom). can remove initializecarousel call template.


Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc
Read more