jquery-seat-charts 使用(去除第一个元素获取焦点)

来源：互联网发布：matlab实现蚁群算法编辑：程序博客网时间：2024/04/28 18:00

问题:每次点击空白处,第一个座位元素就会获取焦点并变色

解决: 注释掉获取焦点方法(如下),找到源码大概在474行左右

fn.focus(function() {if (fn.attr('aria-activedescendant')) {seats[fn.attr('aria-activedescendant')].blur();}fn.find('.seatCharts-seat:not(.seatCharts-space):first').focus();//seats[seatIds[0]].focus();});

关于单选问题(即一次只能选择一个元素):

function initRooms(){var price = 100; //房间价var beforeroom;var $cart = $('#rooms_selected'), //房间区$rooms_num = $('#rooms_num'), //房间数$total_price = $('#rooms_price'); //总金额$roomNo = $('#roomNo');//房间号$roomMsg = $('#roomMsg');//房间信息var sc = $('#room_area').seatCharts({map: [//房间结构图 f 代表已入住;e 代表未入住; 下划线 "_" 代表过道//'fffffffffffffffffffffffffffff','eeeeeeeeeeeeeeffffffffff','ffeeeeeefeeeeeffffffffff'],seats: {//设置已入住和未入住相关属性f: {price: 125,classes: 'first-class',category: '已入住'},e: {price: 70,classes: 'economy-class',category: '未入住'}},naming: {//设置行列等信息top: false, //不显示顶部横坐标（行） rows: ['2', '1'],getLabel: function(character, row, column) { //返回房间信息 return column;}},click: function() {if (this.status() == 'available') { //若为可选状态,添加响应事件var selectedbox = $('#room_area').find('.selected');if(!isEmpty(selectedbox)){selectedbox.click();}var msgHtml = '<table>'+'<tr>'+            '<th align="left"><image src="/CERPGIS/gis/images/indexlgd/water.png"/><span>水表</span></th>'+'<th align="left"><image src="/CERPGIS/gis/images/indexlgd/electric.png"/><span>电表</span></th>'+'<th align="left"><image src="/CERPGIS/gis/images/indexlgd/heat.png"/><span>热量表</span></th>'+'<th align="left"><image src="/CERPGIS/gis/images/indexlgd/valve.png"/><span>温控阀</span></th>'+'</tr>'+'<tr>'+'<td><lable>水表流量:</lable><font>130Kg</font></td>'+'<td><lable>电表电压:</lable><font>145V</font></td>'+'<td><lable>热量表温度:</lable><font>130°C</font></td>'+'<td><lable>温控阀状态:</lable><font>开启</font></td>'+    '</tr>'+'<tr>'+'<td><lable>水表流量:</lable><font>130Kg</font></td>'+'<td><lable>电表电压:</lable><font>145V</font></td>'+'<td><lable>热量表温度:</lable><font>130°C</font></td>'+'<td><lable>温控阀状态:</lable><font>开启</font></td>'+    '</tr>'+'<tr>'+'<td><lable>水表流量:</lable><font>130Kg</font></td>'+'<td><lable>电表电压:</lable><font>145V</font></td>'+'<td><lable>热量表温度:</lable><font>130°C</font></td>'+'<td><lable>温控阀状态:</lable><font>开启</font></td>'+    '</tr>'+'<tr>'+'<td><lable>水表流量:</lable><font>130Kg</font></td>'+'<td><lable>电表电压:</lable><font>145V</font></td>'+'<td><lable>热量表温度:</lable><font>130°C</font></td>'+'<td><lable>温控阀状态:</lable><font>开启</font></td>'+    '</tr>'+'</table>';$roomMsg.html(msgHtml);return 'selected';} else if (this.status() == 'selected') { //若为选中状态return 'available';}}});}

1 0