Kendo UI Mobile - Externe Links können nicht geöffnet werden

Question

Wie kann ich externe Links mit Kendo UI Mobile 2012.3.1114 öffnen?

<ul data-role="listview"> 
    <li><a href="tel:1-555-555-5555" data-rel="external">tel:1-555-555-5555</a></li> 
    <li><a href="mailto:test@test.com" data-rel="external">mailto:test@test.com</a></li> 
    <li><a href="geo:0,0?q=google" data-rel="external">geo:0,0?q=google</a></li> 
    <li><a href="http://google.com/" data-rel="external">http://google.com/</a></li> 
</ul> 

http://jsfiddle.net/macwebdev/uQmcD/

Mache ich etwas falsch?

Answer 1

Versuchen Sie, eine neuere Version von Kendo Mobile herunterzuladen. Es gab einen Fehler, der sich auf ähnliche Weise manifestierte.

Answer 2

Versuchen Sie, target = "_ blank" zu Ihren Links hinzuzufügen.

PS: Es funktioniert mit den 2012-Versionen von Kendo, aber nicht mit der aktuellen Version zusammen mit neuesten PhoneGap.

Answer 3

HTML5-Attribut data-rel = "external" sollte funktionieren, oder verwenden Sie Javascript/jQuery, um url zu ändern.

Kendo HTML5 Beispiel:

<a href="http://kendoui.com/" data-rel="external">Visit KendoUI</a> 

Mehr Info: http://docs.kendoui.com/getting-started/mobile/application#linking-to-external-pages

Javascript/jQuery Beispiel:

$("body").on("click",'a[data-rel="external"]', function(e) { 
    e.preventDefault(); 
    window.open($(this).attr("href")); 
}); 

Beispiel: http://jsfiddle.net/uQmcD/4/