JQuery extension to return the collisions between two selectors. Handles padding, margin, borders, and can determine either overlap or portion outside. Returns JQuery "overlap" objects. Requires: jquery1.8.3+, examples also require: jqueryui1.9.2+

Try it out: http://eruciform.com/jquerycollision/

If you like this, try: http://sourceforge.net/projects/jquidragcollide/

Features

  • Calculates collisions between jQuery selectors
  • Returns either obstacles that collided, or the overlaps themselves
  • Provides the directionality of the collisions
  • Can be configured to provide collisions relative to the collider, obstacle, or any selector
  • Can be configured to track a collider escaping from a restraint instead of a direct collision
  • Documentation: https://sourceforge.net/p/jquerycollision/wiki/Home/

Project Samples

And find "escape from restraint", the opposite of collision Trigger on collision Track overlap dynamically

Project Activity

See All Activity >

License

MIT License

Follow JQuery Collision

JQuery Collision Web Site

Other Useful Business Software
Secure User Management, Made Simple | Frontegg Icon
Secure User Management, Made Simple | Frontegg

Get 7,500 MAUs, 50 tenants, and 5 SSOs free – integrated into your app with just a few lines of code.

Frontegg powers modern businesses with a user management platform that’s fast to deploy and built to scale. Embed SSO, multi-tenancy, and a customer-facing admin portal using robust SDKs and APIs – no complex setup required. Designed for the Product-Led Growth era, it simplifies setup, secures your users, and frees your team to innovate. From startups to enterprises, Frontegg delivers enterprise-grade tools at zero cost to start. Kick off today.
Start for Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of JQuery Collision!

Additional Project Details

Intended Audience

Developers

Programming Language

JavaScript

Registered

2011-05-17
Report inappropriate content