Rewrite examples with a native JavaScript version.

2015-01-26 16:32:33 +00:00
parent 89c3bdb1cf
commit 48eb80bd7f
16 changed files with 294 additions and 269 deletions
--- a/examples/text-content.html
+++ b/examples/text-content.html
@@ -1,12 +1,10 @@
-<!DOCTYPE HTML>
+<!DOCTYPE html>
 <html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
-
    <title>perfect-scrollbar example</title>
    <link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-    <script src="../out/js/perfect-scrollbar.js"></script>
+    <script src="../out/js/perfect-scrollbar.global.js"></script>
    <style>
      #description {
        border: 1px solid gray;
@@ -16,11 +14,6 @@
        position: absolute;
      }
    </style>
-    <script type="text/javascript">
-      $(document).ready(function ($) {
-        $('#description').perfectScrollbar();
-      });
-    </script>
  </head>
  <body>
    <div id="description" class="wrapper">
@@ -37,5 +30,11 @@
        <p>The command takes options applicable</p>
      </div>
    </div>
+    <script>
+      var $ = document.querySelector.bind(document);
+      window.onload = function () {
+        Ps.initialize($('#description'));
+      };
+    </script>
  </body>
 </html>