{"action":"created","issue":{"url":"https://api.github.com/repos/icodebuster/transition.js/issues/21","labels_url":"https://api.github.com/repos/icodebuster/transition.js/issues/21/labels{/name}","comments_url":"https://api.github.com/repos/icodebuster/transition.js/issues/21/comments","events_url":"https://api.github.com/repos/icodebuster/transition.js/issues/21/events","html_url":"https://github.com/icodebuster/transition.js/issues/21","id":67469754,"number":21,"title":".pt-trigger only inside .pt-wrapper?","user":{"login":"fabriciopa","id":7074473,"avatar_url":"https://avatars.githubusercontent.com/u/7074473?v=3","gravatar_id":"","url":"https://api.github.com/users/fabriciopa","html_url":"https://github.com/fabriciopa","followers_url":"https://api.github.com/users/fabriciopa/followers","following_url":"https://api.github.com/users/fabriciopa/following{/other_user}","gists_url":"https://api.github.com/users/fabriciopa/gists{/gist_id}","starred_url":"https://api.github.com/users/fabriciopa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fabriciopa/subscriptions","organizations_url":"https://api.github.com/users/fabriciopa/orgs","repos_url":"https://api.github.com/users/fabriciopa/repos","events_url":"https://api.github.com/users/fabriciopa/events{/privacy}","received_events_url":"https://api.github.com/users/fabriciopa/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-04-09T23:10:36Z","updated_at":"2015-04-10T15:10:53Z","closed_at":null,"body":"Hi! I think your work is amazing! Thanks! But I have an issue: it's very problematic to use the triggers only when they are inside the wrapper. I made some changes and they kind work but I guess you might have something better in mind. Think about a very flexible structure where the triggers might be outsite de wrapper. What do you think?"},"comment":{"url":"https://api.github.com/repos/icodebuster/transition.js/issues/comments/91587932","html_url":"https://github.com/icodebuster/transition.js/issues/21#issuecomment-91587932","issue_url":"https://api.github.com/repos/icodebuster/transition.js/issues/21","id":91587932,"user":{"login":"fabriciopa","id":7074473,"avatar_url":"https://avatars.githubusercontent.com/u/7074473?v=3","gravatar_id":"","url":"https://api.github.com/users/fabriciopa","html_url":"https://github.com/fabriciopa","followers_url":"https://api.github.com/users/fabriciopa/followers","following_url":"https://api.github.com/users/fabriciopa/following{/other_user}","gists_url":"https://api.github.com/users/fabriciopa/gists{/gist_id}","starred_url":"https://api.github.com/users/fabriciopa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fabriciopa/subscriptions","organizations_url":"https://api.github.com/users/fabriciopa/orgs","repos_url":"https://api.github.com/users/fabriciopa/repos","events_url":"https://api.github.com/users/fabriciopa/events{/privacy}","received_events_url":"https://api.github.com/users/fabriciopa/received_events","type":"User","site_admin":false},"created_at":"2015-04-10T15:10:53Z","updated_at":"2015-04-10T15:10:53Z","body":"In you example Demo-Single-Page.html the following structure is shown:\r\n<div class=\"pt-wrapper\">\r\n    <div class=\"pt-trigger-container\">\r\n        <button class=\"pt-trigger\" data-animation=\"1\" data-goto=\"-1\">Go to next page</button>\r\n        <button class=\"pt-trigger\" data-animation=\"2\" data-goto=\"-2\">Go to previous page</button>\r\n        <button class=\"pt-trigger\" data-animation=\"59-60-61-62-63-64-65-66-67\" data-goto=\"-1\">Next page - random anims</button>\r\n        <button class=\"pt-trigger\" data-animation=\"50-51-52-53-54-55-56-57-58\" data-goto=\"-2\">Previous page - random anims</button>\r\n        <button class=\"pt-trigger\" data-animation=\"50\" data-goto=\"1\">Go to page 1</button>\r\n        <button class=\"pt-trigger\" data-animation=\"51\" data-goto=\"2\">Go to page 2</button>\r\n        <button class=\"pt-trigger\" data-animation=\"52\" data-goto=\"3\">Go to page 3</button>\r\n        <button class=\"pt-trigger\" data-animation=\"53\" data-goto=\"4\">Go to page 4</button>\r\n        <button class=\"pt-trigger\" data-animation=\"58\" data-goto=\"5\">Go to page 5</button>\r\n        <button class=\"pt-trigger\" data-animation=\"59-60-61-62-63-64-65-66-67\" data-goto=\"6\">Go to page 6</button>\r\n\r\n    </div>\r\n........\r\n\r\n</div>\r\n\r\nThis way works just fine.\r\nNow, if I remove the div with the class pt-trigger-container and put outside the pt-wrapper, in case I wanted to put the trigger in a separated menu, like this:\r\n<div class=\"pt-trigger-container\">\r\n        <button class=\"pt-trigger\" data-animation=\"1\" data-goto=\"-1\">Go to next page</button>\r\n        <button class=\"pt-trigger\" data-animation=\"2\" data-goto=\"-2\">Go to previous page</button>\r\n        <button class=\"pt-trigger\" data-animation=\"59-60-61-62-63-64-65-66-67\" data-goto=\"-1\">Next page - random anims</button>\r\n        <button class=\"pt-trigger\" data-animation=\"50-51-52-53-54-55-56-57-58\" data-goto=\"-2\">Previous page - random anims</button>\r\n        <button class=\"pt-trigger\" data-animation=\"50\" data-goto=\"1\">Go to page 1</button>\r\n        <button class=\"pt-trigger\" data-animation=\"51\" data-goto=\"2\">Go to page 2</button>\r\n        <button class=\"pt-trigger\" data-animation=\"52\" data-goto=\"3\">Go to page 3</button>\r\n        <button class=\"pt-trigger\" data-animation=\"53\" data-goto=\"4\">Go to page 4</button>\r\n        <button class=\"pt-trigger\" data-animation=\"58\" data-goto=\"5\">Go to page 5</button>\r\n        <button class=\"pt-trigger\" data-animation=\"59-60-61-62-63-64-65-66-67\" data-goto=\"6\">Go to page 6</button>\r\n\r\n</div>\r\n\r\n<div class=\"pt-wrapper\">\r\n    \r\n\r\n    <!--All Pages-->\r\n\r\n    <div class=\"pt-page pt-page-1\">\r\n        <h1><strong>Page 1</strong></h1>\r\n    </div>\r\n    <div class=\"pt-page pt-page-2\">\r\n        <h1><strong>Page 2</strong></h1>\r\n    </div>\r\n    <div class=\"pt-page pt-page-3\">\r\n        <h1><strong>Page 3</strong></h1>\r\n    </div>\r\n    <div class=\"pt-page pt-page-4\">\r\n        <h1><strong>Page 4</strong></h1>\r\n    </div>\r\n    <div class=\"pt-page pt-page-5\">\r\n        <h1><strong>Page 5</strong></h1>\r\n    </div>\r\n    <div class=\"pt-page pt-page-6\">\r\n        <h1><strong>Page 6</strong></h1>\r\n    </div>\r\n\r\n</div>\r\n\r\nThe triggers stop working.\r\n"}}