Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<html>
<head>
  <title>JS Bin</title>
  <link href="http://code.jquery.com/qunit/qunit-1.18.0.css" rel="stylesheet"/>
</head>
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
​
  <script src="http://code.jquery.com/qunit/qunit-1.18.0.js"></script>
​
  <script>
    var clickIt = function(el){
            var event = document.createEvent('MouseEvents');
            event.initMouseEvent('click', true, true, window,
            1, 0, 0, 0, 0,
            false, false, false, false,
            0, null);
            el.dispatchEvent(event);
        };
    module('$ events');
​
    test('$.fn.on', function(){
            expect(3);
            
            var handler = function(){
                equal(this.nodeName.toLowerCase(), 'li', 'called back with an LI')
            }
        
            var $ul = $('#qunit-fixture').html('<ul><li><span id="one"/></li><li><span id="two"/></li></ul>')
                .children()
                
            $ul.on('click', 'li', handler);
​
            clickIt( $('#one')[0] );
            clickIt( $('#two')[0] );
            
            $ul.html('<li><span id="three"></span></li>');
            clickIt( $('#three')[0] );
        });
  </script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
alexisabrilpro
0viewers