I?ve set up a website with a mobile version and want to disable tooltip on it. I?ve been able to make it not display using CSS but the you have to click the links twice due to the iPhone?s touch interface. I want to conditionally disable Tooltip for Mobile users but am not sure how to do it. Any help would be greatly appreciated.
Disabling Tooltip on iPhone Browser Created Mar 8, 2010
This thread is solved
Views: 1392 Replies: 1 Last reply Jun 15, 2011
You must login first before you can use this feature
Reply to:
Disabling Tooltip on iPhone Browser, from
noahread
var userAgent = navigator.userAgent;
if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {
// iPad or iPhone
}
else {
// Anything else
$("a[title]").tooltip({
// tweak the position
offset: [7, 0],
// use the "slide" effect
effect: 'slide'
// add dynamic plugin with optional configuration for bottom edge
}).dynamic({ bottom: { direction: 'down', bounce: true } });
}
I'm not a coder, but I managed to get this to work. Basically, if it's iDevice, then { /*nothing */} ... otherwise, normal code as usual.
~ Mick Lauer, artistupgrade.com
