Fix tests so they work with jQuery>2.0 as well as the older versions

Changed .live handlers to .click etc that works in all jQuery versions
odora · Apr 24, 2014 · f059785 · f059785
1 parent 20d19af
commit f059785
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 18 deletions.
diff --git a/test/index.html b/test/index.html
@@ -33,6 +33,7 @@
 <body>
   <div class='use'>
     Use:
+    <a href='index.html?jquery=2.0.3'>jQ 2.0.3</a>
     <a href='index.html?jquery=1.9.0b1'>jQ 1.9.0b1</a>
     <a href='index.html?jquery=1.8.1'>jQ 1.8</a>
     <a href='index.html?jquery=1.7.0'>jQ 1.7</a>

diff --git a/test/test.js b/test/test.js
@@ -1,25 +1,31 @@
 (function($) {
   /* Simple test framework of sorts */
-  $('.test').live('mouseenter play', function() {
-    var $test = $(this).closest('.test');
-    $test.trigger('reset');
-    var $box = $test.find('.box:not(.ghost)');
-    var $ghost = $box.clone().addClass('ghost').appendTo($test.find('.area'));
 
-    $test.data('code').fn($box, $test);
-  });
 
-  $('.test').live('mouseleave reset', function() {
-    var $test = $(this).closest('.test');
-    var $ghost = $test.find('.ghost');
-    if ($ghost.length) {
-      $test.find('.box:not(.ghost)').remove();
-      $test.find('.ghost').removeClass('ghost');
-    }
-  }); 
-
-  $('.play-all').live('click', function() {
-    $('.test').trigger('play');
+  function addTestEvents ($test) {
+    $test.bind('mouseenter play', function() {
+      var $test = $(this).closest('.test');
+      $test.trigger('reset');
+      var $box = $test.find('.box:not(.ghost)');
+      var $ghost = $box.clone().addClass('ghost').appendTo($test.find('.area'));
+
+      $test.data('code').fn($box, $test);
+    });
+
+    $test.bind('mouseleave reset', function() {
+      var $test = $(this).closest('.test');
+      var $ghost = $test.find('.ghost');
+      if ($ghost.length) {
+        $test.find('.box:not(.ghost)').remove();
+        $test.find('.ghost').removeClass('ghost');
+      }
+    });
+  }
+
+  $(document).ready(function () {
+    $('.play-all').bind('click', function() {
+      $('.test').trigger('play');
+    });
   });
 
   function test(name, fn) {
@@ -36,6 +42,7 @@
     $test.find('h3').html(name);
     $test.find('pre').text(code);
     $test.data('code', {fn: fn});
+      addTestEvents($test);
 
     $('.tests').append($test);
   }