i disable part of jquery script mobile devices, heres code i'd disable:
$('#inner-slide1').click(function(e) { e.preventdefault(); dataslide = $(this).attr('data-slide'); gotobyscroll(dataslide); }); $('#inner-slide2').click(function(e) { e.preventdefault(); dataslide = $(this).attr('data-slide'); gotobyscroll(dataslide); }); $('#inner-slide3').click(function(e) { e.preventdefault(); dataslide = $(this).attr('data-slide'); gotobyscroll(dataslide); }); $('#inner-slide4').click(function(e) { e.preventdefault(); dataslide = $(this).attr('data-slide'); gotobyscroll(dataslide); }); $('#inner-slide5').click(function(e) { e.preventdefault(); dataslide = $(this).attr('data-slide'); gotobyscroll(dataslide); });
grateful suggestions.
you're repeating function 5 times when need once if give elements class (i'm going .inner-slide
):
var ismobile = /android|webos|iphone|ipad|ipod|blackberry/i.test(navigator.useragent) ? true : false; $('.inner-slide').click(function(e) { if(!ismobile) { e.preventdefault(); dataslide = $(this).attr('data-slide'); gotobyscroll(dataslide); } });
the if statement result true on mobile device (android,webos,iphone,ipad,ipod,blackberry)
and please note that
$(this).attr('data-slide');
can written as:
$(this).data('slide');
Comments
Post a Comment