build: add compatibility for "$.noConflict()"

heiseonline · Dec 1, 2014 · 96a75e0 · 96a75e0
1 parent f1c213a
commit 96a75e0
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 5 deletions.
diff --git a/build/shariff.complete.js b/build/shariff.complete.js
diff --git a/build/shariff.min.js b/build/shariff.min.js
diff --git a/demo/jquery-no-conflict.html b/demo/jquery-no-conflict.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>Demonstration: Shariff</title>
+    <link rel="stylesheet" type="text/css" href="app.min.css">
+    <link href="http://www.heise.de/" rel="canonical">
+    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
+    <script type="text/javascript">
+        $.noConflict();
+    </script>
+</head>
+<body>
+    <dl class="layout-hint">
+        <dt>data-backend-url:</dt><dd>/shariff/</dd>
+        <dt>data-info-url:</dt><dd>http://example.com</dd>
+        <dt>data-lang:</dt><dd>en</dd>
+        <dt>data-orientation:</dt><dd>default</dd>
+        <dt>data-services:</dt><dd>default</dd>
+        <dt>data-theme:</dt><dd>grey</dd>
+        <dt>data-url:</dt><dd>http://www.heise.de/ct/</dd>
+    </dl>
+    <article class="slim">
+        <header>
+            <h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h1>
+            <div data-backend-url="/shariff/" data-theme="grey" data-lang="en" class="shariff" data-url="http://www.heise.de/ct/" data-info-url="http://example.com"></div>
+            <time datetime="2014-11-13T10:45:00+02:00">13.11.2014 - 12:45 Uhr</time>
+        </header>
+        <p class="deck">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
+    </article>
+
+    <script src="shariff.min.js"></script>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -34,7 +34,7 @@
     }
   ],
   "browserify-shim": {
-    "jquery": "global:$"
+    "jquery": "global:jQuery"
   },
   "dependencies": {
     "font-awesome": "^4.2.0",