jQuery 1.8: unsupported pseudo: hover

by

Unfortunately, while we all wish that our code were future proof, your $('foo').on( 'hover, ... function(){ //do stuff } code is deprecated in jQuery 1.8. I wish I had better news for you, but your code is broken because of a core change to jQuery 1.8. You now have to use the syntax

$('.selector').on( 'mouseenter mouseleave', function() {
      $(this).toggleClass('hover');
   }
);

if(!$(this).parent().find('ul').first().hasClass('hover')) {
   $(this).parent().parent().removeClass('open');
}

Wish I had better news for you, but deprecation happens :/ … jQuery 1.8 doesn’t like your shortcut and they’ve deprecated the hover event handler from .on() and also the pseudo-selector :hover, so it can’t be used that way any more.

More Related Contents:

  1. Have a pop up window when clicking on an image
  2. What is stored in variable cols in : var $cols = $(‘.sortdivs’).on(‘click’,function(){…});
  3. jQuery Event Keypress: Which key was pressed?
  4. jQuery SVG, why can’t I addClass?
  5. Setting background-image using jQuery CSS property
  6. Access outside variable in loop from Javascript closure [duplicate]
  7. JavaScript – Get Portion of URL Path
  8. Parallel asynchronous Ajax requests using jQuery
  9. Detect iPad users using jQuery?
  10. Detect when a window is resized using JavaScript ?
  11. Twitter Bootstrap alert message close and open again
  12. How to read xml file contents in jQuery and display in html elements?
  13. Can I create script tag by jQuery?
  14. jQuery click anywhere in the page except on 1 div
  15. jQuery: How to detect window width on the fly?
  16. Detect fullscreen mode
  17. Count down timer with circular progress bar
  18. pass function in json and execute
  19. JavaScript Loading Screen while page loads
  20. remove item from array using its name / value
  21. focus() not working in safari or chrome
  22. Find and replace specific text characters across a document with JS
  23. jQuery – Sticky header that shrinks when scrolling down
  24. How can I avoid autorepeated keydown events in JavaScript?
  25. Youtube iframe api not triggering onYouTubeIframeAPIReady
  26. Detect added element to DOM with Mutation Observer
  27. Enable & Disable a Div and its elements in Javascript [duplicate]
  28. Determining if mouse click happened in left or right half of DIV
  29. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  30. How is AngularJS different from jQuery

Leave a Comment