examples/deepzoom: update for jQuery deprecations

Author: bgilbert

examples/deepzoom/templates/slide-fullpage.html

@@ -26,7 +26,7 @@
 <script type="text/javascript" src="{{ url_for('static', filename='openseadragon.js') }}"></script>
 <script type="text/javascript" src="{{ url_for('static', filename='openseadragon-scalebar.js') }}"></script>
 <script type="text/javascript">
-$(document).ready(function() {
+$(function() {
     var viewer = new OpenSeadragon({
         id: "view",
         tileSources: "{{ slide_url }}",

examples/deepzoom/templates/slide-multipane.html

@@ -114,7 +114,7 @@ <h1>Slide properties</h1>
 <script type="text/javascript" src="static/openseadragon.js"></script>
 <script type="text/javascript" src="static/openseadragon-scalebar.js"></script>
 <script type="text/javascript">
-$(document).ready(function() {
+$(function() {
     var dzi_data = {{ dzi_data|default('{}')|safe }};
     var viewer = new OpenSeadragon({
         id: "view",
@@ -155,7 +155,7 @@ <h1>Slide properties</h1>
     }
 
     open_slide("{{ slide_url }}", parseFloat('{{ slide_mpp }}'));
-    $(".load-slide").click(function(ev) {
+    $(".load-slide").on("click", function(ev) {
         $(".current-slide").removeClass("current-slide");
         $(this).parent().addClass("current-slide");
         open_slide($(this).attr('data-url'),