{"action":"opened","issue":{"url":"https://api.github.com/repos/riot/riot/issues/2532","repository_url":"https://api.github.com/repos/riot/riot","labels_url":"https://api.github.com/repos/riot/riot/issues/2532/labels{/name}","comments_url":"https://api.github.com/repos/riot/riot/issues/2532/comments","events_url":"https://api.github.com/repos/riot/riot/issues/2532/events","html_url":"https://github.com/riot/riot/issues/2532","id":295427556,"number":2532,"title":"Swipe instance not exposed to child selector.","user":{"login":"d30jeff","id":10849229,"avatar_url":"https://avatars3.githubusercontent.com/u/10849229?v=4","gravatar_id":"","url":"https://api.github.com/users/d30jeff","html_url":"https://github.com/d30jeff","followers_url":"https://api.github.com/users/d30jeff/followers","following_url":"https://api.github.com/users/d30jeff/following{/other_user}","gists_url":"https://api.github.com/users/d30jeff/gists{/gist_id}","starred_url":"https://api.github.com/users/d30jeff/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/d30jeff/subscriptions","organizations_url":"https://api.github.com/users/d30jeff/orgs","repos_url":"https://api.github.com/users/d30jeff/repos","events_url":"https://api.github.com/users/d30jeff/events{/privacy}","received_events_url":"https://api.github.com/users/d30jeff/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-02-08T08:44:45Z","updated_at":"2018-02-08T08:44:45Z","closed_at":null,"author_association":"NONE","body":"I'm trying to integrate the [touchSwipe](https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js)\r\n\r\nin one of the child tag.\r\nie,\r\n\r\nIn **Index.html**:\r\n\r\n```\r\nscript:src=https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js\r\n<app></app>\r\n```\r\n\r\n**app.tag**\r\n```\r\n<app>\r\n\r\n  <div class=\"carousel\">\r\n      <div class=\"carousel-item1\">1</div>\r\n      <div class=\"carousel-item2\">2</div>\r\n  </div>\r\n\r\n  <script type=\"es6\">\r\n    this.on(\"mount\", () => {\r\n        const carousel = $(\"carousel\", this.root)\r\n\r\n        carousel.swipe({\r\n          swipe:           (event, direction, distance, duration, fingerCount, fingerData) => {\r\n\r\n            if (direction == 'left') $(this).carousel('next');\r\n            if (direction == 'right') $(this).carousel('prev');\r\n\r\n          },\r\n          allowPageScroll: \"vertical\"\r\n        })\r\n      })\r\n  </script>\r\n<app>\r\n```\r\n\r\nIt looks like `swipe` doesn't get exposed in the child component(s).\r\n\r\nMoving the codes to `index.html` fixes this problem, I suppose it's a scoping issue.\r\n\r\nI could use some help/hints to move forward.\r\n\r\nThanks!\r\n\r\n"}}
{"actor":{"display_login":"d30jeff"}}