This works around a margin bug that made the first element have a
slightly larger right margin.
</head>
<body>
<div id="nanopad">
</head>
<body>
<div id="nanopad">
- <div class="nanotouch" data-touch="0">
+ <div class="nanotouch">
<span class="name"></span>
<span class="duration"></span>
<input type="file" accept="audio/*" multiple>
<span class="name"></span>
<span class="duration"></span>
<input type="file" accept="audio/*" multiple>
self.initUI = function() {
var $nanopad = $('#nanopad');
var $nanotouch = $('.nanotouch');
self.initUI = function() {
var $nanopad = $('#nanopad');
var $nanotouch = $('.nanotouch');
- for (var i=1; i<16; i++) {
+ for (var i=0; i<16; i++) {
var $new_touch = $nanotouch.clone();
$new_touch.attr('data-touch', i);
$new_touch.appendTo($nanopad);
}
var $new_touch = $nanotouch.clone();
$new_touch.attr('data-touch', i);
$new_touch.appendTo($nanopad);
}
+ $nanotouch.remove(); /* remove template */
$('.nanotouch input[type=file]').on('change', function(ev) {
var sample_idx = parseInt($(this).parent().data('touch'));
$('.nanotouch input[type=file]').on('change', function(ev) {
var sample_idx = parseInt($(this).parent().data('touch'));