Kendo UI Mobile - Can't open external links

Question

How can i open external links using Kendo UI Mobile 2012.3.1114.

<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:[email protected]" data-rel="external">mailto:[email protected]</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/

Am i doing something wrong?

Answer 1

HTML5 attribute data-rel="external" should work, or use Javascript/jQuery to change url.

Kendo HTML5 Example:

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

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

Javascript/jQuery Example:

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

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

Answer 2

Try downloading a newer version of Kendo Mobile. There was a bug which manifested itself in a similar way.