Question

我是Meteor的新手所以我正在尝试一些代码。我正在测试一个jQuery插件来带来时尚的图像悬停效果，当我不使用Iron路由器而是简单的模板时，它可以工作 - {{＆gt;不是{{＆gt;屈服}} - 相反。所以，我有一个简单的masterLayout模板：

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

和测试主页：

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

我在另一个js文件上调用jQuery插件：

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

我使用Iron Router进行路由，除了jQuery效果之外没有。我尝试了几个钩子，只在主布局中实现了图像响应，而不是主页上的图像。所以，这应该是非常简单的，但事实上，我无法使其工作...... 有人可以帮帮我吗？

Answer 1

可能没有执行jquery代码，因为模板不在DOM中。我不知道你的插件是如何工作的，但是经常像谷歌地图一样，javascript附加在模板的渲染回调中。

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

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

jQuery插件不能与Iron Router一起使用

1 个答案: