Using hoverIntent with .on or delegate

Question

How would you use hoverIntent with this:

    $mainNav.on('mouseenter', '.hEvent', function () {
       //Do stuff
    });

Answer 1

Use the "selector" option for event delegation.

$mainNav.hoverIntent({
        over: function() {

        },
        out: function(){

        },
        selector: '.hEvent'
});

Source: hoverIntent Documentation