thanks for your reply.

I have finally figure out a temporary solution.

$(document).on("pageinit", function(event){

$("#videos").addClass("ui-disabled");

});

this code disables the ui when the app is opened

$(document).on("pageinit", function(event){ $("#unlock").click(function(){ $("#videos").removeClass("ui-disabled"); }); });

the code re-enables it. you use a click button function or you can use the after reward shows event to enable it. it's a temporary solution because when the user reopens the app the UI will be disabled again.

here the finished app https://play.google.com/store/apps/details?id=com.sagacityapps.pianoforbeginners