Disable telephone anchor

[Diogo Cardoso]

I'm developing a web application using PhoneGap that will be distributed to several mobile OS including iOS.

When I generate the application to iOS the numeric values with at least 7 digits are modified to telephone anchors, in order to "fix" this I've attached the following event handler:

$( 'a[href^="tel"]' ).live( 'click', function() {
    return false;
});

This code works fine except when I use jQuery Mobile, any idea why?

[ericcxu]

I did the same thing in the native way. It seemed to work fine.
Add
theWebView.dataDetectorTypes = UIDataDetectorTypeNone;
to
- (void)webViewDidStartLoad:(UIWebView *)theWebView

Eric

[Diogo Cardoso]

I'm using PhoneGap Build and I would like to continue to use it if possible :) 

[ericcxu]

I'm using phonegap 1.6.1. You can modify the native code.

[Diogo Cardoso]

I'm not fully understanding the solution, could you please explain yourself a little better?

The only process that I do when deploying the application is to build it on PhoneGap Build and install it on the mobile device.

[ericcxu]

If you are running cordova 1.5+, in your xcode project, there're
AppDelegate.m/h and MainViewController.m/h. In MainViewController.m,
add the following lines

- (void)webViewDidStartLoad:(UIWebView *)theWebView
{
// disable telephone detection, basically <meta name="format-
detection" content="telephone=no" />
theWebView.dataDetectorTypes = UIDataDetectorTypeNone; //
UIDataDetectorTypeAll ^ UIDataDetectorTypePhoneNumber;

return [super webViewDidStartLoad:theWebView ];
}

Eric