jQuery.nodoubletapzoom click example

HTML

<script src="https://gist.github.com/raw/2047491/7ee0b125427761310f723e39f65ecef014498291/jquery.nodoubletapzoom.js"></script>
<h1 onclick="log('clicked h1')">jQuery.nodoubletapzoom click example</h1>

<p>Some annoyingly microscopic text here. Gripe, gripe, mumble, foo bar baz! Gazonk! Xyzzy! Hooray. Quuuuuuux!</p>

<div class="log"></div>

CSS

p {
  font-size: 8px;
  max-width: 80px;
}

h1, p, div {
  margin: 20px auto;
  text-align: center;
}

JavaScript

$(document).ready(function() {
  $('p,h1').nodoubletapzoom();
  $('p').click(function() { log('clicked p'); });
});

window.log = function log(msg) {
  var $log = $('.log');
  $log.html(msg + '<br>' + $log.html());
}