jquery load demo

dhilt · dhilt · commit d183273d3bc0 · 2019-06-19T13:41:24.000+03:00
diff --git a/demo/jquery/jquery.html b/demo/jquery/jquery.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+		<title>jQuery</title>
+		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.js"></script>
+	<script src="../../dist/ui-scroll.js"></script>
+	<script src="jquery.js"></script>
+	<link rel="stylesheet" href="../css/style.css" type="text/css"/>
+</head>
+<body ng-controller="mainController" ng-app="application">
+
+	<div class="cont cont-global">
+
+		<a class="back" href="../index.html">browse other examples</a>
+
+		<h1 class="page-header page-header-exapmle">jQuery</h1>
+
+		<div class="description">
+			In case the Angular App works with jQuery, the ui-scroll should use jQuery.
+			Otherwise, the ui-scroll should use jqLiteExtras.
+		</div>
+		
+		<div class="actions">
+			<span ng-if="jqueryVersion">jQuery version is {{jqueryVersion}}</span>
+			<span ng-if="!jqueryVersion">jQuery is not loaded</span>
+		</div>
+
+		<div class="viewport" id="viewport-serviceDatasource" ui-scroll-viewport>
+			<div class="item" ui-scroll="item in datasource" adapter="adapter">{{item}}</div>
+		</div>
+
+	</div>
+
+</body>
+</html>
diff --git a/demo/jquery/jquery.js b/demo/jquery/jquery.js
@@ -0,0 +1,21 @@
+angular.module('application', ['ui.scroll'])
+	.controller('mainController', [
+		'$scope', '$log', '$timeout', function ($scope, console, $timeout) {
+			var datasource = {};
+
+			datasource.get = function (index, count, success) {
+				$timeout(function () {
+					var result = [];
+					for (var i = index; i <= index + count - 1; i++) {
+						result.push("item #" + i);
+					}
+					success(result);
+				}, 100);
+			};
+
+			$scope.datasource = datasource;
+			
+			$scope.jqueryVersion = window.jQuery && angular.element.fn && angular.element.fn.jquery;
+
+		}
+	]);
diff --git a/src/ui-scroll.js b/src/ui-scroll.js
@@ -8,7 +8,8 @@ angular.module('ui.scroll', [])
 
   .constant('JQLiteExtras', JQLiteExtras)
   .run(['JQLiteExtras', (JQLiteExtras) => {
-    !(angular.element.fn && angular.element.fn.jquery) ? new JQLiteExtras().registerFor(angular.element) : null;
+    const elt = angular.element;
+    !(window.jQuery && elt.fn && elt.fn.jquery) ? (new JQLiteExtras()).registerFor(elt) : null;
     ElementRoutines.addCSSRules();
   }])
 
