jQuery 플러그인이 Iron 라우터와 작동하지 않습니다.

Question

Meteor에 익숙하므로 약간의 코드를 시도하고 있습니다. 세련된 이미지 호버 효과를 가져 오기 위해 jQuery 플러그인을 테스트하고 Iron Router를 사용하지 않고 간단한 템플릿 ({{> home}} 대신 {{> yield}})을 사용합니다.

<template name="masterLayout"> 
    <p> Base Layout!</p> 
    <img id="chard" src="chard.png"/> 
    {{> yield}} 
</template> 

및 테스트 홈 페이지 : 그래서, 나는 간단한 masterLayout 템플릿이 내가 전화

<template name="home"> 
    <p> HOME page! </p> 
    <img id="home" src="image.png"/> 
</template> 

를 jQuery를 플러그인을 다른 JS 파일에 :

$('#home, #chard').adipoli({ 
    'startEffect' : 'normal', 
    'hoverEffect' : 'popout' 
}); 

I 라우팅을 위해 Iron Router를 사용하면 jQuery 효과가 아니라는 점만 제외하면 작동합니다. 몇 가지 후크를 시도했지만 홈 페이지의 이미지가 아니라 마스터 레이아웃의 이미지 만 응답했습니다. 그럼,이 작업은 매우 간단해야하지만 실제로 작동하게 만들 수는 없습니다 ... 누군가 나를 도와 줄 수 있습니까?

Answer 1

템플릿이 DOM에 없기 때문에 jquery 코드가 실행되지 않았을 수 있습니다. 나는 당신의 플러그인이 어떻게 작동하는지 알지 못하지만 종종 자바 스크립트가 템플릿의 렌더링 콜백에 첨부되어있다.

<template name="home"> 
<p> HOME page! </p> 
<img id="home" src="image.png"/> 
</template> 

Template.home.rendered({ 
    $('#home, #chard').adipoli({ 
    'startEffect' : 'normal', 
    'hoverEffect' : 'popout' 
    }); 
});