Всем привет, такой вот вопрос возник.
есть у меня нестандартные радиобаттоны.
Реализованы они через jquery ui.
выглядят они так:
если выбрать текстовый варианты то они просто выделяются цветом.
А если выбрать звездочку то все предыдущие звездочки должны сменить бэкграунд. (так задается "звездность отеля")
Написал я скрипт небольшой для этого дела но вот проблема в хроме и осле работает отлично, а файерфокс и опера показывают неправильно. Только если два раза по одной и тойже звезде щелкнуть тогда выделятся предыдущие.
Код ниже:
|
Код:
|
//радио батоны
$( "#radio" ).buttonset();
$(".stars").click(function() {
var radioId = this.id;
radioId=radioId.substr(radioId.length-1,1);
while(radioId>1) {
$("#label"+radioId).addClass('ui-state-active');
radioId--;
}
}); |
вроде бы все просто.
при клике на радио получаем его id. из id забираем последний символ (это число от 2 до 6)
и потом в цикле всем предыдущим добавляем класс с нужным бэкграундом.
Но почему то не хочет работать в файерфоксе и опере.
ссылка для ознакомления -
http://a2themes.ru/demo/selectTour/
Всем заранее спасибо!