Jquery Mobile & Touchswipe Jquery Plugin Errors

I'm trying to use the TouchSwipe plugin from Skinkers Labs in combination with jQuery Mobile on a mobile website that I'm creating that also utilizes responsive design. TouchSwipe:

Solution 1:

You're going about it the wrong way. You're loading JQM after TouchSwipe, though TouchSwipe is supposed to override JQM. It's like building the windows before the walls.

I've tested and things work normally without any need to change any naming. All you need to do is to include JQM before TouchSwipe.

<scripttype="text/javascript"src="js/jquery-1.7.1.js"></script><scripttype="text/javascript"src="js/jquery.mobile-1.1.0-rc.1.min.js"></script><scripttype="text/javascript"src="js/jquery.touchSwipe-1.2.5.min.js"></script><scripttype="text/javascript"src="js/main.js"></script>

Solution 2:

I ended up giving up on TouchSwipe and using the iosSlider Plugin which seems to work much better and I did not run into any problems while using it in combination with jQuery mobile.

http://iosscripts.com/iosslider-jquery-horizontal-slider-for-iphone-ipad-safari/

Hopefully this will help someone else with the same issue.

Solution 3:

This is due to a clash within the jqm namespace. Both touchSwipe and jqm use the same 'swipe', 'swipeleft', etc names. I changed the names in the touchSwipe plugin with a quick search-replace in order to get rid of the problem. Obviously this is not an ideal solution, but it works.