mailto: URL funktioniert nicht in jQuery-gebundenem Event-Handler

Question

Ich habe ein Icon, das beim Anklicken eine mailto: URL auslöst. Scheint einfach, aber es funktioniert nicht. Beim Debuggen klicke ich auf das Icon und der Event-Handler feuert und führt den darin enthaltenen Code aus, tut dann aber nichts. Warum funktioniert das nicht?

<i id="email-icon" class="fa fa-envelope"></i> 

$("#email-icon").on("click", function() { 
    window.location.href = "mailto:mail@example.org"; 
}); 

Ich habe das Gefühl, das Ereignis wird immer irgendwie in jQuery abgesagt?

Answer 1

Try this:

<a href="mailto:mail@example.org"><i id="email-icon" class="fa fa-envelope"></i></a> 

Answer 2

Also, meine eigene Frage zu beantworten ....

Es gab eigentlich nichts falsch mit meinem Code. Das Problem lag darin, wie meine neue Maschine konfiguriert wurde!

Beim Betrachten meiner Standardprogramme in der Systemsteuerung habe ich gesehen, dass Chrome als Standardprogramm für das MAILTO-Protokoll eingestellt wurde. :-(

Ich habe Outlook den Handler für das Protokoll und dann funktionierte es wie erwartet. Nicht sicher, wie das passiert ist, aber ich dachte, es für den Fall, jemand schreiben würde sonst dieses Problem hat die Straße hinunter.

Vielen Dank an Rory McCrossan zur Untersuchung

Answer 3

versuchen es Link zu erstellen.

$("#email-icon").on("click", function() { 
    var link = "mailto:mail@example.org"; 
    var obj = $("<a href=\"" + link + "\" target=\"_new\"><span></span></a>"); 
    obj.appendTo("body"); 
    obj.children("span:eq(0)").trigger("click"); 
    obj.remove(); 
});