From 447ed3650598e651ceea6bc3f76553169db2bf11 Mon Sep 17 00:00:00 2001
From: srenauld <seb@sebrenauld.co.uk>
Date: Wed, 28 Aug 2013 16:36:19 -0400
Subject: [PATCH] Adding a refresh function

The ability to add a tab to an already-running tabset is a nice feature.
I've just added it.

Syntax: $("#tab-container").easytabs("refresh");

Caveats:
- Hash change has a bit of a bug, fixing it at the moment.
---
 examples/demo.html     | 12 ++++++++++--
 lib/jquery.easytabs.js | 23 +++++++++++++++++++----
 2 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/examples/demo.html b/examples/demo.html
index 3214966..491c755 100644
--- a/examples/demo.html
+++ b/examples/demo.html
@@ -3,7 +3,7 @@
   <title>EasyTabs Demo</title>
   <script src="../vendor/jquery-1.7.1.min.js" type="text/javascript"></script> 
   <script src="../vendor/jquery.hashchange.min.js" type="text/javascript"></script>
-  <script src="../lib/jquery.easytabs.min.js" type="text/javascript"></script>
+  <script src="../lib/jquery.easytabs.js" type="text/javascript"></script>
 
   <style>
     /* Example Styles for Demo */
@@ -104,6 +104,14 @@ <h2>CSS Styles for these tabs</h2>
   </div>
  </div>
 </div>
-
+<button class='test'>Add a tab</button>
+<script type='text/javascript'>
+$(function() {
+$("button").click(function() {
+	var newTab = $("<li class='tab'><a href='#tabs4-test'>New tab</a></li>").appendTo($(".etabs"));
+	var newTabPane = $("<div id='tabs4-test'>Test</div>").appendTo($(".panel-container"));
+	$("#tab-container").easytabs("refresh");
+});
+});</script>
 </body>
 </html>
diff --git a/lib/jquery.easytabs.js b/lib/jquery.easytabs.js
index 80a84dc..e8f9916 100644
--- a/lib/jquery.easytabs.js
+++ b/lib/jquery.easytabs.js
@@ -139,6 +139,9 @@
           halfSpeed: 0
         };
     };
+	plugin.destroy = function() {
+		plugin.tabs.children("a").unbind(settings.bind_str);
+	};
 
     // Find and instantiate tabs and panels.
     // Could be used to reset tab and panel collection if markup is
@@ -151,7 +154,7 @@
       plugin.tabs = $container.find(settings.tabs),
 
       // Instantiate panels as empty jquery object
-      plugin.panels = $(),
+      plugin.panels = plugin.panels || $(),
 
       plugin.tabs.each(function(){
         var $tab = $(this),
@@ -162,7 +165,7 @@
             // `data-target` attribute for ajax tabs since the `href` is
             // the ajax URL
             targetId = $tab.children('a').data('target');
-
+		if ($tab.data("easytabs") !== undefined) return;
         $tab.data('easytabs', {});
 
         // If the tab has a `data-target` attribute, and is thus an ajax tab
@@ -344,6 +347,15 @@
 
     // Convenient public methods
     plugin.publicMethods = {
+	  refresh: function() {
+		plugin.getTabs();
+		addClasses();
+
+		setDefaultTab();
+
+		bindToTabClicks();
+		
+	  },
       select: function(tabSelector){
         var $tab;
 
@@ -470,7 +482,9 @@
     // Bind tab-select funtionality to namespaced click event, called by
     // init
     var bindToTabClicks = function() {
-      plugin.tabs.children("a").bind(settings.bind_str, function(e) {
+      plugin.tabs.children("a").each(function() {
+		if ($(this).data("easytab-cycled")) return;
+		$(this).bind(settings.bind_str, function(e) {
 
         // Stop cycling when a tab is clicked
         settings.cycle = false;
@@ -485,7 +499,8 @@
         // Don't follow the link to the anchor
         e.preventDefault ? e.preventDefault() : e.returnValue = false;
       });
-    };
+    });
+	}
 
     // Activate a given tab/panel, called from plugin.selectTab:
     //