php电影票在线选座,适用于电影院、机票、汽车票在线选座位插件jQuery-Seat-Charts...

这是一款基于JQuery实现的在线选座位插件seat-charts源码，是一款适合机票，电影票，汽客车票选座的jquery.seat-charts插件。点击左侧的座位即可在右侧即时显示座位信息，并且可以有计算累加的功能。

特点：支持自定义座位类型和价格，支持自定义样式，支持设置不可选的座位，也支持键盘控制选座。

$(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'));

});

相关链接