Slider: Demo dynamic creation

Fixes gh-7545
jquery-archive · Jul 6, 2014 · 8af9609 · 8af9609
1 parent cb9112a
commit 8af9609
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/demos/slider/index.php b/demos/slider/index.php
@@ -20,6 +20,14 @@
             margin-left: 15px;
         }
     </style>
+	<script id="dynamic-slider">
+$( document ).on( "pagecreate", function() {
+	$( "<input type='number' data-type='range' min='0' max='100' step='1' value='17'>" )
+		.appendTo( "#dynamic-slider-form" )
+		.slider()
+		.textinput()
+});
+	</script>
 </head>
 <body>
 <div data-role="page" class="jqm-demos" data-quicklinks="true">
@@ -134,6 +142,14 @@
                 </form>
                 </div><!-- /demo-html -->
 
+				<h2>Dynamically injected</h2>
+				<p>The slider below has been created at runtime.</p>
+
+				<div data-demo-html="true" data-demo-js="#dynamic-slider">
+					<form id="dynamic-slider-form">
+					</form>
+				</div>
+
 	</div><!-- /content -->
 
 	<?php include( '../jqm-navmenu.php' ); ?>