How do you stop Javascript, Jquery from running when a link is clicked -

my code binding singletap, doubletap event links inside of projects div.

i need make whenever element clicked inside of projects div these events not not occur still need elements function normal links.

i've tried using return false inside of functions called whenever element clicked doesn't work. how can make happen?

edit: still having same issue.

i still need links work event.preventdefault() isn't option.

var projects = document.getelementbyid('projects'); var hammertime = new hammer.manager(projects); hammertime.add(new hammer.tap({ event: 'doubletap', taps: 2 })); hammertime.add(new hammer.tap({ event: 'singletap' })); hammertime.get('doubletap').recognizewith('singletap'); // want trigger tap, when don't have detected doubletap hammertime.get('singletap').requirefailure('doubletap'); hammertime.on("singletap", function(ev) {     $('.navcharacter').fadeout(2000); }); hammertime.on("doubletap", function(ev) {}); 

event.preventdefault();

check the api

e.g.,

hammertime.on("singletap", function(event) {     event.preventdefault();      $('.navcharacter').fadeout(2000); });