{"action":"opened","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/7554","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7554/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7554/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7554/events","html_url":"https://github.com/zurb/foundation-sites/issues/7554","id":122308431,"number":7554,"title":"[Tooltips] Instantiating tooltips recommended way doesn't seem to work (Meteor)","user":{"login":"DevanB","id":354652,"avatar_url":"https://avatars.githubusercontent.com/u/354652?v=3","gravatar_id":"","url":"https://api.github.com/users/DevanB","html_url":"https://github.com/DevanB","followers_url":"https://api.github.com/users/DevanB/followers","following_url":"https://api.github.com/users/DevanB/following{/other_user}","gists_url":"https://api.github.com/users/DevanB/gists{/gist_id}","starred_url":"https://api.github.com/users/DevanB/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DevanB/subscriptions","organizations_url":"https://api.github.com/users/DevanB/orgs","repos_url":"https://api.github.com/users/DevanB/repos","events_url":"https://api.github.com/users/DevanB/events{/privacy}","received_events_url":"https://api.github.com/users/DevanB/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-12-15T16:17:24Z","updated_at":"2015-12-15T16:17:24Z","closed_at":null,"body":"We are following the documentation on Atmosphere and not using `$(document).foundation()`, but instead are instantiating plugins using the Foundation plugins API. This works fine with our Reveals, Accordions and several other plugins, however, is not working with Tooltips. The tooltips will work when you use `$(document).foundation()`, but we need more control over the plugins. Below is how we are using tooltips:\r\n\r\n```html\r\n<span id=\"messageTooltip\" data-tooltip aria-haspopup=\"true\" class=\"has-tip top\" data-disable-hover='false' tabindex=1 title={{message}}>{{shorten message}}</span>\r\n```\r\n\r\n```js\r\nTemplate.generalTasksTable.onRendered(function () {\r\n  this.tooltip = new Foundation.Tooltip($('#messageTooltip'));\r\n});\r\n\r\nTemplate.generalTasksTable.onDestroyed(function () {\r\n  let tooltip = this.tooltip;\r\n  if (tooltip) {\r\n    tooltip.destroy();\r\n  }\r\n});\r\n```\r\n\r\nWe have also tried by targeting the `.has-tip` class as well, but no luck with that also. Just to make sure we aren't doing anything odd with Meteor, I have tried `var tooltip = new Foundation.Tooltip($(\"#messageTooltip\"));` which  yielded no tooltips as well.\r\n\r\nThanks for any help!"}}