Estoy haciendo un seleccionador de asientos usando la librería jquery seat charts
(https://github.com/mateuszmarkowski/jQuery-Seat-Charts).
Necesito saber si hay alguna forma de definir unos asientos preseleccionados por defecto ya que éstos solo se pueden seleccionar haciendo click.
De momento he añadido esto al script:
$(document).ready(function() {
var sc = $('#seat-map').seatCharts({
map: [
'aaaaaaaaaaaa',
'aaaaaaaaaaaa',
'bbbbbbbbbb__',
'bbbbbbbbbb__',
'bbbbbbbbbbbb',
'cccccccccccc'
],
seats: {
a: {
price : 99.99,
classes : 'front-seat' //your custom CSS class
}
},
click: function () {
if (this.status() == 'available') {
//do some stuff, i.e. add to the cart
return 'selected';
} else if (this.status() == 'selected') {
//seat has been vacated
return 'available';
} else if (this.status() == 'unavailable') {
//seat has been already booked
return 'unavailable';
} else {
return this.style();
}
}
});
//Make all available 'c' seats unavailable
sc.find('c.available').status('unavailable');
/*
Get seats with ids 2_6, 1_7 (more on ids later on),
put them in a jQuery set and change some css
*/
sc.get(['2_6', '1_7']).node().css({
color: '#ffcfcf'
});
console.log('Seat 1_2 costs ' + sc.get('1_2').data().price + ' and is currently ' + sc.status('1_2'));
});
var $cart = $('#selected-seats');//Lista de asientos seleccionados
$('<li>Asiento número' + ' ' + $("#{{ fila }}_{{ columna }}").settings.label + ' <a href="#" class="cancel-cart-item">[cancelar]</a></li>')
.attr('id', 'cart-item-'+$("#{{ fila }}_{{ columna }}").settings.id)
.data('seatId', $("#{{ fila }}_{{ columna }}").settings.id)
.appendTo($cart);
$counter.text(sc.find('selected').length+1);
Pero no me funciona.