2014-10-02 1 views
0

Я использую плагин jQuery Raty. Это здорово и делает большую часть того, что мне нужно. Я искал решение не выделять звезды, когда пользователь перемещает курсор над элементом управления. Сделать это просто readOnly: true не помогает, потому что он отключает событие click, которое мне нужно обрабатывать.Отключить выделение звезд, но включить клик даже для плагина jQuery Raty

Я попытался привязать к mouseover события:

mouseover: function(score, evt) { 
    this.score = 0; 
} 

Но Raty не продвигать свои данные (this.score) обратно в DOM.

Затем я попытался обработать mouseover событие, чтобы изменить атрибут каждого изображения src:

mouseover: function(score, evt) { 
    rateControl.children().each(function(img) { 
     img.attr('src', 'star-off.png'); 
    }); 
} 

Опять же, нет результата желательно.

Каким образом я могу отключить подсветку звезды без отключения click событий на Raty?

ответ

1

Просто нашли решение. Это кажется не смысловым, хотя оно работает. И я определенно должен был обратить больше внимания на последние несколько разделов руководства Raty.

Чтобы отключить выделение звезды, на самом деле ее не нужно отключать, а заменить выделенную звезду по умолчанию. Чтобы сделать это, один хочет начать Räty с Params:

$('#raty').Raty({ 
    starOff: 'star-off.png', 
    starOn: 'star-off.png', 
    ... 
} 

Raty будет держать ручки наведения курсора мыши событие и src изменить атрибут звезд, но каждый из них этого значения остается тем же, ничего не происходит визуального.

 Смежные вопросы

  • Нет связанных вопросов^_^