CODEWITHSUNDEEP
jquery-uijquery-ui-touch-punch
Juan Carlos Ortega Flores
Juan Carlos Ortega Flores

Reputation: 21

jquery touch punch and jquery ui 1.9.1

I have been using jquery touch punch for a while and it has been perfect, until I updated to jquery ui 1.9.1 and jquery 1.8.3. It just does not seem to work. Is there a compatibility issue or something I have to do to make it work?

Thank you.

Upvotes: 2

Views: 6344

Answers (1)

Harikrishnan KayKay
Harikrishnan KayKay

Reputation: 303

I had the same issue when i was trying to use Jquery ui range slider along with touch punch to provide support to touch devices.

As mentioned in the site Touch punch , i added the below scripts in the same order, and was working fine, but when i shifted to jquery ui 1.9.2, it simply did not work. 

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script src="jquery.ui.touch-punch.min.js"></script>

There was a dependency on two jquery ui core components - Widgets and Mouse. So i downloaded only those two UI Core components from Jquery UI renamed the custom download as ui-widget-mouse.js and included them before the touch punch, but after referring the jquery ui cusom js. This made the touch punch work fine for jquery-ui 1.9.2. I tested the same in iPad, iPad 2 and samsung galaxy tab 10inch. Was working fine wihout any issues.

<link href="css/jquery-ui-1.9.2.custom.css" rel="stylesheet">
<script src="js/jquery.1.9.min.js"></script> 

<script src="js/jquery-ui-1.9.2.custom.js"></script>
<script src="js/jquery-ui-widget-mouse.js"></script>
<script src="js/jquery.ui.touch-punch.js"></script>

Upvotes: 3

Related Questions