瀏覽代碼

Examples are good for now

Kevin Brown 10 年之前
父節點
當前提交
c51a6d6cee
共有 1 個文件被更改,包括 31 次插入9 次删除
  1. 31 9
      docs/examples.html

+ 31 - 9
docs/examples.html

@@ -87,6 +87,21 @@ $(".js-example-basic-multiple").select2();
         <select class="js-example-placeholder-multiple js-states form-control" multiple="multiple"></select>
       </p>
     </div>
+    <div class="col-md-8">
+      <h2>Example code</h2>
+
+      <pre data-fill-from=".js-code-placeholder"></pre>
+
+<script type="text/x-example-code" class="js-code-placeholder">
+$(".js-example-placeholder-single").select2({
+  placeholder: "Select a state"
+});
+
+$(".js-example-placeholder-multiple").select2({
+  placeholder: "Select a state"
+});
+</script>
+    </div>
   </section>
 
   <seection id="data-array" class="row">
@@ -138,22 +153,29 @@ $(".js-example-data-array-selected").select2({
     </div>
   </section>
 
-  <section id="data-ajax">
-    <h1>Loading remote data</h1>
+  <section id="data-ajax row">
+    <div class="col-md-12">
+      <h1>Loading remote data</h1>
 
-    <p>
-      Select2 comes with AJAX support built in, using jQuery's AJAX methods.
-    </p>
+      <p>
+        Select2 comes with AJAX support built in, using jQuery's AJAX methods.
+      </p>
+
+      <p>
+        <select class="js-example-data-ajax form-control"></select>
+      </p>
 
-    <p>
-      <select class="js-example-data-ajax form-control"></select>
-    </p>
+      <pre data-fill-from=".js-code-data-ajax"></pre>
 
-    <pre data-fill-from=".js-code-data-ajax"></pre>
+      <p>
+        Select2 will pass any options in the <code>ajax</code> object to
+        jQuery's <code>$.ajax</code> function.
+      </p>
 
 <script type="text/x-example-code" class="js-code-data-ajax">
 
 </script>
+    </div>
   </section>
 </div>