각 문장에서 생성 된 childern의 부모 'onRendered'js 코드에 액세스

Question

유성과 블레이즈에 대해 아주 익숙해 져서 여기에 뭔가 명확하지 않은 경우 유감입니다.하지만 '제품 바로보기'를 구현하고 싶습니다. https://codyhouse.co/gem/css-product-quick-view/ 유성 프로젝트.

각 문장을 사용하지 않을 때 애니메이션이 잘 작동합니다. 각 문에서 데이터 컨텍스트가 변경되고 cd-trigger를 클릭해도 아무 일도 일어나지 않습니다. 이 하위 템플릿에 대해 ParentTemplate.onRendered 내의 코드에 어떻게 액세스 할 수 있습니까? 이 문제에 대한 해결 방법이 있습니까?

<template name="ParentTemplate"> 
    {{> Product}} // works properly 

    {{#each products}} // does not work 
    {{> Product}} 
    {{/each}} 
</template> 

<template name="Product"> 
    <li class="cd-item"> 
    <img src="img/item-1.jpg" alt="Item Preview"> 
    <a href="#0" class="cd-trigger">Quick View</a> 
    </li> <!-- cd-item --> 
</template> 

과의 .js이이 문제를 해결

Template.ParentTemplate.onRendered(function() { 
//open the quick view panel 
$('.cd-trigger').on('click', function(event){ 
    console.log('Hello!'); 
    var selectedImage = $(this).parent('.cd-item').children('img'), 
     slectedImageUrl = selectedImage.attr('src'); 

/the code continues but it is very long/ 

Answer 1

파일

Template.ParentTemplate.onRendered(function() { 
this.autorun(() => { 
    if (this.subscriptionsReady()) { 
     //open the quick view panel 
     $('.cd-trigger').on('click', function(event){ 
     console.log('Hello!'); 
     var selectedImage = $(this).parent('.cd-item').children('img'), 
     slectedImageUrl = selectedImage.attr('src'); 

/the code continues but it is very long/