Problem while trying to attach event handlers

[dortheimer]

When trying to apply custom event handlers, sometimes the html isn't ready and they aren't attached.

$('.rating-input').on('mouseenter', 'i', function () {
 // do some cool stuff
});

This happens due to the asynchronous nature of the execution on the code.
I think that the best way to fix it is to add some custom events to the library like:
[ ] Ready - After html rendered
[ ] Mouse over
[ ] Mouse out
[ ] Mouse click

I can add there handlers if my changes are accepted..

[javiertoledo]

It sounds like an awesome idea! Meanwhile you could do something like this to workaround the problem:

HTML:

<div class="rating-input-wrapper">
    <input type="number" name="your_awesome_parameter" id="some_id" class="rating" />
</div>

JS:

$('.rating-input-wrapper').on('mouseenter', '.rating-input span', function () {
  // do some cool stuff
});

Also note that in the last version of this plugin, i elements were replaced by span elements in order to follow the bootstrap 3 conventions.