Writing Touch-Events for New Icon in Aptify Mobile for Members

This topic describes how to write touch-events for a new icon in the Aptify Mobile for Members user interface.

Under scripts/aptify.touchevents.js

1. Create a new variable for caching the target '.mynewicon' class, e.g., var mynewicon = $('.mynewicon);
   
   

2. Add following code to create the touch events for touchStart, touchEnd and touchCancel.
   
   
   

   $( mynewicon).live("touchstart", function () { 
    $(this).addClass("home-icon-active-fake"); 
    }) 
    $( mynewicon).live("touchend", function () { 
    $(this).removeClass("home-icon-active-fake"); 
    }) 
    $( mynewicon).live("touchcancel", function () { 
    $(this).removeClass("home-icon-active-fake"); 
    })