Slider: Demo dynamic creation

Gabriel Schulhof · Gabriel Schulhof · commit 8086d00b6fd4 · 2014-08-01T01:30:52.000+03:00
(cherry picked from commit 9a060c1) Closes gh-7549 Fixes gh-7545
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' ); ?>
