losing rating capability after ajax load

[uorji3]

Let me first start by saying "Great gem".

On my page, I use your star rating but the user can click on a link to update a div element using ajax.
After the ajax load, all of the javascript for the star rating breaks.

I've been using the jquery "on" event for other javascript functions that I have created but I don't know how to use to fix the star rating.

How can I reload letsrate.js.erb and jquery.raty.js after an ajax load?

[igorlebovic]

Having the same issue. Any guidance would be highly appreciated.

[uorji3]

Igor,
I decided to scrap the 5 star rating and go with a simple like/dislike rating.
I'm using the act-as-votable gem.
It's a simpler design but all of my Jquery stays in tact.

[Balaraju]

Having The Same issue

[victorcreed]

I resolved this problem like this

$.fn.raty.defaults.path = "/assets";
$.fn.raty.defaults.half_show = true;
window.applyRaty = function(){
$(".star").raty({
score: function(){
return $(this).attr('data-rating')
},
number: function() {
return $(this).attr('data-star-count')
},
click: function(score, evt) {
$.post('<%= Rails.application.class.routes.url_helpers.rate_path %>',
{
score: score,
dimension: $(this).attr('data-dimension'),
id: $(this).attr('data-id'),
klass: $(this).attr('data-classname')
},
function(data) {
if(data) {
// success code goes here ...
}
});
}
});
}
$(function(){
applyRaty();
});

then call applyRaty() in *.js.erb