Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
​
    <title>Backbone.Select 1.3.2, demo (AMD)</title>
    <meta name="description" content="Backbone.Select 1.3.2, demo (AMD)">
​
    <!-- ATTN Foundation loaded without JS - stay clear of JS-driven widgets, or add the JS setup -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/normalize.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.css">
​
    <link rel="stylesheet" href="https://cdn.rawgit.com/hashchange/backbone.select/1.3.2/demo/amd/amd.css">
</head>
<body>
​
    <section>
​
        <h1 id="header" class="row">Backbone.Select 1.3.2, demo (AMD)</h1>
​
        <div class="row">
            <p>Select.One collection: Numbers</p>
        </div>
        <div class="row">
            <ul id="numList" class="small-block-grid-3 medium-block-grid-6 large-block-grid-6 list"></ul>
        </div>
​
        <div class="row">
            <p>Select.One collection: Alpha, LC</p>
        </div>
        <div class="row">
            <ul id="alphaLcList" class="small-block-grid-3 medium-block-grid-6 large-block-grid-6 list"></ul>
        </div>
​
        <div class="row">
            <p>Select.One collection: Alpha, UC</p>
        </div>
        <div class="row">
            <ul id="alphaUcList" class="small-block-grid-3 medium-block-grid-6 large-block-grid-6 list"></ul>
        </div>
​
        <div class="row">
            <p>Select.One collection: First item of each of the other Select.One collections<br>
                <small>Because these items are combined in a Select.One collection, the other collections are affected, too. You can select the first item in one collection at a time, not in multiple ones.</small>
            </p>
        </div>
        <div class="row">
            <ul id="firstList" class="small-block-grid-3 medium-block-grid-6 large-block-grid-6 list"></ul>
        </div>
​
        <div class="row">
            <p>Select.Many collection: All items combined</p>
        </div>
        <div class="row">
            <ul id="multiList" class="small-block-grid-3 medium-block-grid-6 large-block-grid-6 list"></ul>
​
        </div>
​
    </section>
​
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js"></script>
    <script src="https://cdn.rawgit.com/hashchange/backbone.select/1.3.2/demo/amd/jsbin/require-config.js"></script>
​
</body>
</html>
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
hashchangepro
0viewers