How to disable hover effect on mobile device for jQuery Autocomplete Widget

Question

We are using Autocomplete Widget to quickly find and select from a pre-populated list of values as user type.

I want to disable the hover effect for mobile mode. We are overriding ui-state-active class to apply it whenever a user hovers on UI menu dropdown.

How can disable it?

Answer 1

Ok I found the answere.

We can use below code.

open: function(event, ui) {
          $('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
      }

Reference