Ich bekomme keine mailto-links zum öffnen der Mail-app von Mobile Safari bei der Verwendung von jQTouch. Was könnte falsch sein?

Ich bin für die Entwicklung von iPhone web-app mit jQTouchund es enthält eine einfache mailto: link auf eine gültige E-Mail-Adresse, die sollte starten Sie die iPhone-mail-Anwendung, wenn angezapft—aber es funktioniert nicht.

Wenn ich besuchen eine "normale" Webseite im Mobile Safari enthält den exakt gleichen link, und Tippen Sie auf es, bekomme ich das erwartete Ergebnis: die mail-app öffnet sich mit der korrekten E-Mail-Adresse in das Feld An ein.

Hier ist der link HTML-Code (die Adresse geändert) nur für den Fall werde ich Nüsse und haben durch einen dummen Fehler, aber es scheint perfekt in Ordnung zu sein:

<p><a href="mailto:[email protected]">[email protected]</a></p>

Hat sich jemand über diesen bei der Verwendung von jQTouch? Oder kann jemand zumindest einen Weg vorschlagen, dass ich Debuggen kann? In dem moment, wenn ich Tippen Sie auf den nicht funktionierenden link blinkt es rot (aktiv-link-state -) und absolut nichts anderes passiert.

InformationsquelleAutor der Frage Mark Bell | 2010-02-23

  1. 7

    Ich festgestellt, dass die Zugabe target="_blank" auf die links, hat funktioniert, außer, dass auf einigen desktop-Browsern, es öffnete sich ein neues leeres Fenster geöffnet UND die E-Mail-Fenster. Zugegeben, jqtouch-Websites sind in der Regel nicht gezeigt werden soll auf desktop-Browsern, aber ich war nicht gern, dass Verhalten.

    Statt, hier ist was ich getan habe:

    • Setzen die mailto: link in der onclick event Hinzugefügt und zurück false (also tatsächliche link zu # nicht Feuer)
    • Hinzugefügt noHighlight Klasse, um den link

    Hier ist ein Beispiel:

    <a href="#" onclick="window.location='mailto:[email protected]'; return false;" class="noHighlight">Email me</a>

    Danach baute ich die CSS in der theme-Datei.

    Bevor:

    ul li a.active {
   background: #194fdb url(img/selection.png) 0 0 repeat-x;
   color: #fff;
}

    Nach:

    ul li a.active:not(.noHighlight) {
   background: #194fdb url(img/selection.png) 0 0 repeat-x;
   color: #fff;
}

    Dem Grund habe ich den noHighlight Klasse ist, dass ohne Sie die Taste hervorgehoben erhalten und würde "kleben", was die Taste Aussehen, wie es war immer noch in einigen aktiven Zustand. Etwa das Problem, ich habe die Klasse geändert und die CSS wie oben beschrieben.

    Was die CSS-änderung hat, ist, dass, wenn der link (innerhalb eines li welches innerhalb eines ul) hat die Klasse noHighlightes wird sich NICHT ändern, die hintergrund-oder Textfarbe.

    Scheint gut zu funktionieren, jetzt auf beiden desktop-und mobile Browser.

    InformationsquelleAutor der Antwort Travis

  2. 5

    Schaute ich noch einmal auf das Beispiel-code in der jQTouch demo-Paket und sah, dass Sie waren das hinzufügen einer target="_blank" - Attribut, um Ihre E-Mail-link.

    Habe ich diese auf meinen link, und es begann (aufspringen der E-mail-client-Fenster). Allerdings, die Verbindung über einen standard-web-Seite funktioniert auch, aber ohne die target="_blank" Attribut...

    Ich bin verwirrt, aber das hinzufügen dieses Attribut scheint dieses problem zu lösen, wenn die mobile Seite ist mit jQTouch.

    InformationsquelleAutor der Antwort Mark Bell

  3. 2

    Dies ist nicht im Zusammenhang zu jQTouch, aber mailto: links nicht für mich arbeiten entweder und zu lösen, alle die ich tun musste, war, fügen Sie Schrägstriche nach dem Doppelpunkt.

    mailto://[email protected]

    Kamen auf die Idee dies hier tun: http://mobiledevelopertips.com/cocoa/launching-other-apps-within-an-iphone-application.html. Komischerweise Telefon links funktionierte gut für mich, ohne die Schrägstriche.

    InformationsquelleAutor der Antwort RyJ

  4. 2

    Es funktioniert nur mit target="_blank".

    Für diejenigen (wie mich), die finden es ärgerlich, um die "Diese öffnet in einer neuen Seite" popup jedes mal, wenn Sie Tippen Sie auf eine mailto oder tel link können Sie dies tun:

    Bearbeiten jqtouch.js und gehe zu Zeile 284:

    if ($el.attr('target') == '_blank' || $el.attr('rel') == 'external')

    Nun ersetzen Sie diese Zeile durch:

    if ($el.attr('target') == '_self' || $el.attr('target') == '_blank' || $el.attr('rel') == 'external')

    Und auf den HTML-Code (z.B.):

    <a href="tel:+351912345678">Call me</a>

    wird

    <a target="_self" href="tel:+351912345678">Call me</a>

    InformationsquelleAutor der Antwort deltas4

  5. 1

    Ausgezeichnete finden, ich Tue dasselbe und konnte nicht verstehen, warum bis vor kurzem. Wenn Sie sich umschauen Zeile 161 und 284 in jqtouch.js rev 109 Sie sehen, dass das target-Attribut "_Blank" halten jqtouch von hijacking Ihres click-Ereignis. Es ist das abfangen des Ereignisses, denn das ist der primäre Mechanismus zum bewegen von Seite zu Seite.

    InformationsquelleAutor der Antwort para

Schreibe einen Kommentar