jQuery: trigger a hover event from another element

by

Try this:

$('.initiator').on('mouseenter mouseleave', function(e) {
    $('.receiver').trigger(e.type);
})

It will apply the same triggers for the receiver as the initiator receives for both mouseenter and mouseleave. Note that:

.hover(over, out)

is just a high-level variant of:

.on('mouseenter', over).on('mouseleave', out)

so using that information you can be more precise when binding and triggering mouse events.

As noted in the comment, you can also use:

$('.initiator').hover(function(e) {
    $('.receiver').trigger(e.type);
})

There are lots more to read here: http://api.jquery.com/hover/

More Related Contents:

  1. Get one element title and add this to another div in jquery
  2. how do i submit message to my email by html or js?
  3. JS hide function error
  4. Javascript counting all the characters from a HTML document
  5. How to create button to check uncheckable checkbox
  6. JSFiddle code not working in my own page
  7. How to prevent a click on a ‘#’ link from jumping to top of page?
  8. How to calculate the XPath position of an element using Javascript?
  9. How to disable scroll without hiding it?
  10. Uncaught Error: SECURITY_ERR: DOM Exception 18 when I try to set a cookie
  11. Infinity Loop Slider Concepts
  12. Why does Jquery only affect the first div element? [duplicate]
  13. Set date in input type date
  14. document.getElementsByClassName().innerHTML always returns “undefined”
  15. jquery select option click handler
  16. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  17. How to mute an html5 video player using jQuery
  18. How to save the contents of a div as a image?
  19. How to keep the changes made to DOM by javascript/jquery on page refresh
  20. Onclick reload the div only
  21. jQuery: How to listen for DOM changes?
  22. Saving and loading an image from localStorage
  23. submit event does not fire if submit initiated programmatically
  24. Can we use the value of localStorage from other domains?
  25. Passing parameters to a JQuery function
  26. How to keep elements non-refreshed
  27. How do you swap DIVs on mouseover (jQuery)?
  28. jQuery selector to target any class name (of multiple present) starting with a prefix?
  29. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?
  30. Validate Dynamically Added Input fields

Leave a Comment