Tutorial: Excluded children

Excluded children

touchSwipe Fork me on GitHub

property: excludedElements

If you want to exclude certain child elements from triggering swipes, you can simply add a .noSwipe class to the element. Then the element and any of its children will no longer trigger the swipe.

Also, a jQuery selector is used to exclude input elements as well as the .noSwipe elements. So either add a .noSwipe class the element, or set your own selector in the excludedElements property. Setting your own selector will remove the .noSwipe selector.



			

			
Swipe me, the child elements will not trigger swipes by default

I open a new tab if clicked, but im swipeable

Im am NOT swipeable because my class is .noSwipe

Swipe me, the child elements will not trigger swipes as they have been explicitly excluded

Im am NOT swipeable because my im added to the excludedElements array