JSFiddle - React, Tailwind, and code Playground

by ThiefMaster

HTML

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" id="theme"/>

Set1:    
<div class="buttons">
    <button data-icon="ui-icon-disk" class="save">Save1</button>
    <button data-icon="ui-icon-check" class="ok">OK1</button>
    <button data-icon="ui-icon-trash" class="delete">Delete1</button>
    <button data-icon="ui-icon-close" class="close">Close1</button>
</div>

Set2:   
<div class="buttons">
    <button data-icon="ui-icon-disk" class="save">Save2</button>
    <button data-icon="ui-icon-check" class="ok">OK2</button>
    <button data-icon="ui-icon-trash" class="delete">Delete2</button>
    <button data-icon="ui-icon-close" class="close">Close2</button>
</div>

JavaScript

//$('#buttons').buttonset();
$('.buttons button').each(function(){
    $(this).button({icons:{primary:$(this).data('icon')},text:false});
});
$('.buttons').buttonset();

$('.save').click(function(){
    alert('save');
});
$('.ok').click(function(){
    $(this).siblings('.save').click();
});