Плагин jQuery не работает с Iron Router

0

Я новичок в Meteor, поэтому я пытаюсь использовать какой-то код. Я тестирую плагин jQuery для создания стильных эффектов наложения изображений, и это работает, когда я не использую Iron router, но простые шаблоны - {{> home}} not {{> yield}} - вместо этого. Итак, у меня есть простой шаблон 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>

Я вызываю плагин jQuery в другом файле js:

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

Я использую Iron Router для маршрутизации, и он работает, за исключением того, что эффект jQuery не работает. Я пробовал несколько крючков и только достиг изображения в макете макета для ответа, а не изображения на главной странице. Итак, это должно быть очень просто, но на самом деле я не могу заставить его работать... Может ли кто-нибудь помочь мне, пожалуйста?

  • 0
    Вы поместили jQuery-код в обработанный обратный вызов home-template?
  • 0
    Извините, но что вы конкретно имеете в виду? Я попытался поместить действие в маршрут в Iron Router, а также в некоторые зацепки onRun ...
Показать ещё 2 комментария
Теги:
meteor
iron-router

1 ответ

1
Лучший ответ

Возможно, код jquery не выполняется, потому что шаблон не находится в DOM. Я не знаю, как работает ваш плагин, но часто, как с картами google, 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'
  });
});
Поделиться
  • 0
    Это должно быть так, потому что это решило мою проблему! Еще раз спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню