Add reinitialize: true param to override existing dom events

dist/js/social-share-kit.js

@@ -35,10 +35,14 @@ var SocialShareKit = (function () {
                     }
 
                     if (el.getAttribute('data-ssk-ready'))
-                        return;
+                        if (options.reinitialize && el._skkListener) {
+                            removeEventListener(el, 'click', el._skkListener);
+                        } else
+                            return;
 
                     el.setAttribute('data-ssk-ready', true);
                     addEventListener(el, 'click', onClick);
+                    el._skkListener = onClick
 
                     // Gather icons with share counts
                     if (el.parentNode.className.indexOf('ssk-count') !== -1) {
@@ -165,6 +169,13 @@ var SocialShareKit = (function () {
         }
     }
 
+    function removeEventListener(el, eventName, handler) {
+        if (el.removeEventListener)
+            el.removeEventListener(eventName, handler);
+        else
+            el.detachEvent('on' + eventName, handler);
+    }
+
     function elSupportsShare(el) {
         return el.className.match(supportsShare);
     }

docs/index.html

@@ -415,6 +415,7 @@ <h3 class="page-header">Extra icons</h3>
                 <a href="" class="ssk ssk-icon ssk-reddit2" title="Reddit2"></a>
                 <a href="" class="ssk ssk-buffer" title="Buffer"></a>
                 <a href="" class="ssk ssk-icon ssk-buffer" title="Buffer"></a>
+                <a href="" class="ssk ssk-icon ssk-slack" title="Slack"></a>
             </div>
             <div>
                 <h3 class="page-header">Floating/sticky bar</h3>
@@ -693,7 +694,11 @@ <h3 class="page-header">Setup JavaScript</h3>
 SocialShareKit.init({ forceInit: true });
 &lt;/script&gt;</pre>
 
-        Social Share Kit is keeping track of already initialised items, so in case if your DOM changes, you can call <code>SocialShareKit.init()</code> multiple times.
+        Social Share Kit is keeping track of already initialised items, so in case if your DOM changes, you can call <code>SocialShareKit.init()</code> multiple times. If you would like reinitialize SSK once again to the same DOM elements using other parameters use <code>reinitialize: true</code>:
+
+        <pre class="prettyprint">&lt;script type="text/javascript"&gt;
+SocialShareKit.init({ reinitialize: true });
+&lt;/script&gt;</pre>
 
         <h3 about="page-header">Sharer popup options</h3>
 
@@ -1055,6 +1060,23 @@ <h2 id="support" class="page-header">Support</h2>
             console.log(arguments);
         }
     });
+    SocialShareKit.init({
+        reinitialize: true,
+        url: 'http://socialsharekit.com',
+        twitter: {
+            title: 'Social Share Kit 222222',
+            via: 'socialsharekit'
+        },
+        onBeforeOpen: function(targetElement, network, paramsObj){
+            console.log(arguments);
+        },
+        onOpen: function(targetElement, network, url, popupWindow){
+            console.log(arguments);
+        },
+        onClose: function(targetElement, network, url, popupWindow){
+            console.log(arguments);
+        }
+    });
 
     $(function () {
 

less/fonts.less

@@ -101,3 +101,6 @@
     content: "\79";
     transform: scale(.85);
 }
+.ssk-slack:before {
+  content: "\7a";
+}