From dd02ea00832ea37e43f31c0891508cbbfa7f9939 Mon Sep 17 00:00:00 2001
From: Sam Selikoff <sam.selikoff@gmail.com>
Date: Mon, 20 Apr 2015 00:06:45 -0400
Subject: [PATCH] Use event delegation

This way, if the `.menu-btn` element is removed or rerendered to the dom, it still triggers the pushy menu.
---
 addon/components/pushy-left.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/addon/components/pushy-left.js b/addon/components/pushy-left.js
index ba2c154..9431ae8 100644
--- a/addon/components/pushy-left.js
+++ b/addon/components/pushy-left.js
@@ -16,7 +16,7 @@ export default Ember.Component.extend({
       pushyActiveClass = "pushy-active", //css class to toggle site overlay
       containerClass = "container-push", //container open class
       pushClass = "push-push", //css class to add pushy capability
-      menuBtn = $('.menu-btn, .pushy a'), //css classes to toggle the menu
+      menuBtnClasses = '.menu-btn, .pushy a', //css classes to toggle the menu
       menuSpeed = 200, //jQuery fallback menu speed
       menuWidth = pushy.width() + "px"; //jQuery fallback menu width
 
@@ -70,7 +70,7 @@ export default Ember.Component.extend({
 
     if(cssTransforms3d){
       //toggle menu
-      menuBtn.click(function() {
+      $('body').on('click', menuBtnClasses, function() {
         togglePushy();
       });
       //close menu when clicking site overlay
@@ -86,7 +86,7 @@ export default Ember.Component.extend({
       var state = true;
 
       //toggle menu
-      menuBtn.click(function() {
+      $('body').on('click', menuBtnClasses, function() {
         if (state) {
           openPushyFallback();
           state = false;