Rateit plugin does not for elements added after page load about rateit.js HOT 6 CLOSED

In that case, try doing something like this when initializing the plugin:

$(document).on("rateit", ".rateit", function() { ... }); // .rateit here is the selector for the div element that you created that holds the stars

The idea here is to bind to the document itself (which always exists) so that the target element is determined at runtime instead of at DOM-load time. I do this kind of thing all the time when creating single-page web apps that are entirely AJAX-driven and where elements come and go from the DOM frequently. The binding is effectively deferred until the time that the event occurs instead of when the DOM is first loaded.

from rateit.js.

@CliqLabs , thanks for providing the explanation. Closing issue.

from rateit.js.

I know, this issue is closed. But maybe you can give me a foolproof example of how to do it? That would be very kind.
I just dont get it. Thanks in advance.

from rateit.js.

Hi @Nexotap . Please see my jsfiddle here: https://jsfiddle.net/gidon/w12zkh50/

from rateit.js.

Thank you very much. Helped me alot.
Btw. Very nice plugin 👍

from rateit.js.

Wanted to add my findings for those facing the same issue. I have a DIV that gets loaded with data via an AJAX call and includes a rateit component.

I found adding this does the trick:

$( document ).ajaxComplete(function() {
$( ".rateit" ).rateit();
});

This initializes all DOM elements of class .rateit after any AJAX calls are complete. Works great.

gjunge - thank you for this component!

from rateit.js.