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>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
  
  <title>jQuery Mobile test page</title>
  <meta charset=utf-8 />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <link rel="stylesheet"  href="http://code.jquery.com/mobile/git/jquery.mobile-git.css" /> 
  <script src='http://underscorejs.org/underscore-min.js'></script>  
  <script src='http://backbonejs.org/backbone.js'></script>
  <script>
    $(document).on("mobileinit",
        function () {
            console.log('mobileInit - begin');
            $.mobile.ajaxEnabled = false;
​
            $.mobile.linkBindingEnabled = false;
​
            $.mobile.hashListeningEnabled = false;
            $.mobile.pushStateEnabled = false;
            console.log('mobileInit - end');
        });
​
    // Turn off history for select menu popups so as to avoid interfering with the router
    $( document ).on( "selectmenucreate", function( event ) {
      $( "#select-choice-1-listbox" ).popup( "option", "history", false );
    });
​
    // Open the popup when the select menu button is clicked, because jQuery Mobile's central click handling is turned off
    $( document ).on( "click", "#select-choice-1-button", function( event ) {
      $( "#select-choice-1-listbox" ).popup( "open", { positionTo: "#select-choice-1-button" });
      event.preventDefault();
    });
    
    var Router = Backbone.Router.extend({
        routes: {
            "": "defaultAction",
            "*actions": "defaultAction"
        },
        
        defaultAction: function (actions) {
            console.log('Performing default action');
        }       
    });
​
    
    var router = new Router();
    Backbone.history.start();
  </script>
<script src="http://code.jquery.com/mobile/git/jquery.mobile-git.js"></script> 
  
</head>
  
<body>
    
 <div data-role="page">  
  <div data-role="content">  
    <div data-role="fieldcontain">
                <label for="select-choice-1" class="select">Try to select an item:</label>
                
                <select name="select-choice-1" id="select-choice-1" data-native-menu="false">
                    <option value="a">A</option>
                    <option value="B">b</option>
                </select>
            </div>
  </div><!-- /content -->
</div><!-- /page -->
​
</body>
</html>
Output

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

Dismiss x
public
Bin info
gabrielschulhofpro
0viewers