Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <link href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
  <script src="https://code.jquery.com/jquery-2.0.3.js"></script>
  <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
</head>
<body>
  <input type="checkbox" id="ciao" checked="checked" class="buttonizeme">
    <label for="ciao">tag label input checkbox</label>
  </input>
  
  <hr/>
  
  <a href="#" class="buttonizeme">tag a</a>
  <hr/>
  With jQuery-UI 1.12.1 the button on the input checkbox doesn't work anymore.
  Docs says buttons have new options, but the "compatibility" layer is not working.
  <br />
  This example works fine with jQuery-UI 1.11.x
  
</body>
</html>
 
$('input.buttonizeme').button({
  icons: {
    primary: 'ui-icon-gear'
  },
  label: 'ciao',
  text: false
});
$('a.buttonizeme').button({
  icons: {
    primary: 'ui-icon-gear'
  },
  label: 'ciao',
  text: false
  
});
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers